垂直对齐多行文本？

Question

I'm using:

#leftfoot {padding-left: 20px; vertical-align: middle;}

It does not work. I've look at plenty of explanations, none of them seem to work for me. Does anybody else know how to vertically align more than one line of text?

Shakes fist angrily at CSS.

Answer 1

#leftfoot {
    height: 110px;
    display:table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

Your issue is the following: Your text was indeed centered vertically, but your inner div had just the same height as the text and was not extending to the bounds of the outer div, so you have to set a height for the inner div to work.

Answer 2

Your question is not clear, create a JsFiddle. For better understanding of Vertical-align http://css-tricks.com/what-is-vertical-align/