Картинка по центру строки

[Walk]

Всем привет

Что бы не объяснять на пальцах, сделал картинку:

Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1.

А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.

Edited October 28, 2010 by Walk

[psywalker]

background: left; пробывал?

[Int]

http://htmlbook.ru/css/vertical-align

попробуй разные варианты, может получится

Edited October 28, 2010 by Int

[Ge1i0N]

padding`ом текст отступи в конце концов если картинка не по центру текста стоит.

[sigma77]

Все варианты align="" пробовал - толку нет.

Попробуй http://htmlbook.ru/css/vertical-align

[Walk]

Сколько времени прошло, а тема все так же актуальна (просто иногда забиваю, а потом возвращаюсь и снова бьюсь головой над проблемой )

padding - не помогает

vertical-align: middle; - в FF помогает, в IE нет. При этом, если сделать картинку равной ширине строки - то в IE все отлично, а в FF картинка съезжает ниже строки.

[buddah]

Добавь к тексту

background-position:left;

как было указано выше.

Edited May 16, 2011 by buddah