基线问题

在各种内联相关模型中，凡是涉及到垂直方向的排版或者对齐的，都离不开最最基本的基线(baseline)。

而因为左边盒子是有三个P标签，而右边盒子是有六个P标签。而基线是以最后一行字的字脚为基准，并且会互相对齐。所以就出现这种情况。

而解决这种情况的方法就是添加vertical-align属性

vertical-align: top;