CSS解决控件水平方向对齐

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

解决办法1：如下图

 

 

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

解决办法2: 如下图

 

 

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

调整后的正确结果：

 

作者：HelloKing
链接：https://www.jianshu.com/p/f00d51453587
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。