奇怪的<div>偏移</div>

Question

我有3个<div>块并排放置。它们相同，唯一的区别是最后一个<div>（在最右边）有更多的文字。但是，所有块都具有固定的宽度和高度。出于某种原因，最后<div>的位置高于其他{{1}}。我无法想象我的生活！

见这里：http://jsfiddle.net/ZrSF4/

有什么想法吗？

Answer 1

您应该将vertical-align: top应用于所有div：http://jsfiddle.net/ZrSF4/1/

Answer 2

你必须垂直对齐，例如vertical-align:top;

http://jsfiddle.net/ZrSF4/2/