CSS의 이미지/텍스트의 세로 정렬

기본적으로 <h1> 액체의 2 열 div를 만들고 <h1>의 전체 높이에 걸쳐있는 다른 div를 만들려고합니다.하지만 세로 정렬을 가운데에 맞춰 주셨으면합니다. . 기본적으로 이미지를 페이지 제목 왼쪽에 배치하려고합니다.CSS의 이미지/텍스트의 세로 정렬

<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 % 자동 또는 일부 변화를. 이미지를 수직으로 가운데에 배치 할 수 있지만 텍스트를 중심으로 배치하거나 텍스트를 줄 바꿈하지 않고 이미지를 수직으로 정렬 할 수 있습니다.

출처

2012-04-08 Mark