CSS Вертикальное выравнивание изображения/текста

Question

Я в основном пытаюсь создать 2-х столбчатый div с жидкостью <h1> и еще один div, который будет охватывать всю высоту <h1>, но я хотел бы, чтобы выравнивание по вертикали было центрированным , Я в основном пытаюсь поместить изображение слева от заголовка страницы:

<div class="outer"> 
    <div><img src="pound.png" /></div> 
    <h1>This is text that is really long. This is text that is really long. This is text that is really long. This is text that is really long. This is text that is really long.</h1> 
</div> 

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

------------------------------------------------------ 
     | This is text that is really long. This is 
###### | text that is really long. This is text that 
###### | is really long. This is text that is really 
###### | long. This is text that is really long. This 
     | is text that is really long. 
------------------------------------------------------ 

Моя главная проблема заключается в получении изображения, чтобы занимать все пространство по вертикали, так что я могу вертикально выровнять его, используя маржу: 50% или авто или некоторые вариации этого. Я могу либо центрировать изображение по вертикали, но затем текст обтекает его, или я могу заставить текст не обертывать, а затем изображение выравнивается по вертикали.

Answer 1

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

Answer 2

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

Answer 3

Эта тема покрыта довольно широко онлайн: http://goo.gl/hmTsW

Я нашел, что это хорошее резюме методов, выбрать который подходит вам. http://blog.themeforest.net/tutorials/vertical-centering-with-css/