checkbox与文字居中对齐问题

有时checkbox与文字会出现不能对齐的问题，如下所示：

解决的办法网上有蛮多方案，再此我给出的法案如下：

①css代码：

input[type='checkbox']{            width:24px;            height:24px;            vertical-align:middle;        }

②body代码

<label>    <input type="checkbox" name="isRember" value="rember">    十天免登录</label>

修改后如下：

注：用label把文字和checkbox包含在一起，并在checkbox的css代码中写明

vertical-align:middle;