將不同高度的段落垂直對齊到底部？

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。