Как отцентрировать текст относительно float`ного элемента?

Question

[Nick Murzin]

Есть такая структура на сайте, каждый элемент лежит в li-шке, которые как инлайн-блоки растянуты. В этой li-шке картинка флоатнута влево, а текст выровнен на line-height. Только если несколько строк в тексте - появляется слишком большой разрыв между строками - что не ок. Как это можно побороть?

Answer 1

[Андрей Чернышев]

Нужно:
1. Родитель с display: table
2. Родитель текста с display: table-cell и vertical-align: middle

Comments

[Nick Murzin]

отлично, как тогда втулить расстояние между картинкой и текстом?

[Nick Murzin]

upd: уже не надо, обычные паддинги помогли, спасибо :)