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;