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;