复选框与文字对齐问题的解决方法

在做图书商城的登录页面时遇到一个问题，复选框与文字对不齐，效果图如下所示：

部分代码如下所示：

<input type="checkbox" name="checkbox" value="checkbox" /> <font>记住用户</font>&nbsp;&nbsp;
<input type="checkbox" name="checkbox" value="checkbox" /> <font>七天内自动登录</font>

解决方法：把要对齐的每个标签，都添加一个css属性：

vertical-align: middle;

修改之后的代码如下：

<input type="checkbox" name="checkbox" value="checkbox" style="vertical-align: middle;" /> <font style="vertical-align: middle;">记住用户名</font>&nbsp;&nbsp;
<input type="checkbox" name="checkbox" value="checkbox" style="vertical-align: middle;" /> <font style="vertical-align: middle;">七天内自动登录</font>

效果图如下：