Помогите решить задачу.

[khlebnikov]

http://htmlbook.ru/p...mula-po-tsentru

В принципе формально я ее решил: http://jsfiddle.net/ufrWx/1/

Но там вертикально выравнивание я сделал при помощи line-height, исходя из конкретной высоты блока контейнера, совпадающей с высотой формулы-картинки.

Так что если в этот код вставить другое изображение (с другой высотой), то вертикального выравнивания по середине не будет. То же самое будет, если вместо line-height использовать margin или padding.

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

Способы vertical-align и top:50% у меня не сработали.

Edited June 8, 2013 by khlebnikov

[Switch74]

я бы сделал что-нибудь вроде такого исходя из вашей верстки, но можно переделать множеством способов включая таблицы

[zlodeev]

Уже было что-то похожее на форуме здесь, там нужно было текст относительно картинки по центру поставить. В том случае помогло vertical-align:middle; для картинки

[Switch74]

Уже было что-то похожее на форуме здесь, там нужно было текст относительно картинки по центру поставить. В том случае помогло vertical-align:middle; для картинки

в данном случае текст прижат к правому краю, способ с vertical-align:middle сработает, если для img обертку сделать

это мое мнение, возможно есть способ и без обертки замутить все

[zlodeev]

Я вижу два решения, табличное и с vertical-align. Склоняюсь ко второму, если найдёте решение, было бы любопытно очень.

[khlebnikov]

Я вижу два решения, табличное и с vertical-align. Склоняюсь ко второму, если найдёте решение, было бы любопытно очень.

Решение нашлось - подсказали на другом форуме: http://www.html.by/threads/30839-Pomogite-reshit-zadachu. Там, в конце темы - два варианта решения. Оба, в принципе, несложные.