css and text vertical alignment

Question

css

actually the question is this - I make up the menu, respectively, through ul and li. there are multi-line items, lines are separated by br's. the problem is that the height of the paragraph is fixed, and the text is allowed in 2 lines not centered. searching the Internet, I found only about vertical-align and line-height, the first effect is zero, the second did not suit. how to do it right?

Answer 1

Yes, you need to change the display property, here phrogz.net/css/vertical-align/index.html explains how it works well.

Answer 2

vertical-align applies to table elements, so the effect is null for a list.
You can try playing around with the "display" property of the elements.

Answer 3

Yes, you need to do li{display:inline-block} (google how to do crossbrowser), then vertical-align:middle will work.

Answer 4

habrahabr.ru/blogs/css/71236/ as one of the methods.