checkbox和说明文字对齐

一开始如下：

<input  id="rememberme" name="rememberme" type="checkbox" value="0">
<p>Remember Login</p>

发现不在一行，添加display:inline后：

<input style="display:inline-block;width:20px;" id="rememberme" name="rememberme" type="checkbox" value="0">
<p style="width: 100px;display:inline;">Remember Login</p>

在一行了，但是文字和框不对齐。最终如下：

<input style="display:inline-block;width:20px;vertical-align: middle;" id="rememberme" name="rememberme" type="checkbox" value="0">
<p style="width: 100px;display:inline;vertical-align: middle;">Remember Login</p>

也就是添加vertical-align: middle属性, input和p都要添加。