css - 将文本行对齐到底部

Question

CSS 将文本对齐在行的中间，但我希望文本与行的底部对齐。最好用图片解释:

应该是这样的: https://lh5.googleusercontent.com/-L1TBqTxEVHI/UDPVEOnFY7I/AAAAAAAAAH4/GHZHt776wmg/s145/CD-Manual_Stand_Mai_2011_Verlinkungen.pdf%2520%2528Seite%2520135%2520von%2520248%2529.jpg

就像这样: https://lh6.googleusercontent.com/-0SiQqqkHD9k/UDPVNvTA2NI/AAAAAAAAAIA/2VudybQxnDE/s45/CSSEdit.jpg

Vertical-align 不起作用，它只对嵌套元素有效，对整个文本无效。诀窍在哪里？ :)

这是代码:jsfiddle.net/vmadd

Answer 1

试试 line-height: 100%
那应该可以解决您的问题。