Я хотел бы разместить текст рядом с изображением, где текст выровнен по вертикали относительно изображения. Однако я не знаю, насколько широким будет окно, и поэтому хотелось бы, чтобы текстовый контейнер расширялся, чтобы заполнить доступное пространство.
Я попытался просто поместить вертикальное выравнивание: середина в текстовом контейнере. Это работает, но текст будет обтекать ниже изображения, если текст слишком длинный. Чтобы бороться с этим, я использовал display: inline-block в текстовом контейнере. Тем не менее, это помещает весь текстовый контейнер под изображение!
Пока у меня есть что-то вроде этого:
<span><img src="img.gif" /></span>
<span style="display:inline-block; vertical-align:middle">Text goes here</span>