2010-11-08 1 views
0

Я хотел бы разместить текст рядом с изображением, где текст по вертикали выровнен относительно изображения. Тем не менее, я не знаю, насколько широко будет окно, и поэтому я бы хотел, чтобы текстовый контейнер расширялся, чтобы заполнить доступное пространство.Растягиваемый/расширяемый вертикально выровненный текст (относительно изображения)

Я попытался просто поместить вертикально-выровненный: средний на текстовый контейнер. Такие работы, но текст будет обтекаться ниже изображения, если текст слишком длинный. Чтобы бороться с этим, я использовал display: inline-block в текстовом контейнере. Тем не менее, это затем помещает весь текстовый контейнер под изображение!

До сих пор, у меня есть что-то вроде этого:

<span><img src="img.gif" /></span> 
<span style="display:inline-block; vertical-align:middle">Text goes here</span> 

ответ

0

Пролет элемент упаковки изображения должны иметь один и тот же стиль, примененный.