将不同高度的段落垂直对齐到底部？

Question

Here's my problem

我想要实现的是所有段落都沿着div底部垂直对齐。我怎样才能做到这一点？

Answer 1

我猜你正在连续设置多个段落。尝试使它们嵌入块并使用vertical-align：bottom;

根据段落的接近程度，您可能需要为段落之间的字母间距分配一个负值，并重置段落自身。

Answer 2

我不知道，如果它看起来像你所期望的，但我设法以此来做到这一点：

.wrapper p { 
width: 140px; 
padding: 10px; 
margin: 0 160px 0 0; 
background: black; 
color: white; 
display:table-cell; 
vertical-align:bottom; 
} 

我只是删除了float并且增加了display:table-cell;和vertical-align:bottom;。

这里是the fiddle。