css и вертикальное выравнивание текста

Question

[Dialog]

собственно вопрос такой — верстаю меню, соответственно через ul и li. есть многострочные пункты, строки разделяются br'ами. проблема в том что высота пункта фиксированная, а текст допустим в 2 строки не по центру. порыскав в интернете нашел только про vertical-align и line-height, от первого эффекта ноль, второе не устроило. как сделать правильно?

Answer 1

[slang]

Да, нужно изменить display-свойство, вот тут phrogz.net/css/vertical-align/index.html хорошо объясняется как это работает.

Answer 2

[Дмитрий Рублёв]

vertical-align применим к табличным элементам, оттого и эффект нулевой для списка.
Можете попробовать поиграться со свойством «display» у элементов.

Answer 3

[WilliamKidd]

Да, нужно сделать li{display:inline-block} (погуглите как сделать кроссбраузерно), тогда vertical-align:middle заработает.