html 随笔-水平控件不对齐的解决办法

如上图，html的两个控件水平方向。不对齐。

解决办法1：如下图

分别在左右两个控件的css代码中加上 vertical-align:top. 便可对齐；（推荐使用，因为这样可以避免脱标流）。

解决办法2: 如下图

分别在左右两个控件的css代码中加浮动。（不推荐使用） 。

调整后的正确结果：