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

Question

Here's my problem

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

Answer 1

我猜你连续设置了多个段落。尝试使用inline-block并使用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。