HTML : 함께 텍스트와 이미지 레이아웃하기

Question

텍스트와 이미지가 수직 정렬되도록해야합니다. 특히 이미지는 텍스트 가운데에 세로로 배치해야합니다. 그렇게하는 가장 좋은 방법은 무엇입니까?

하나 개의 제약 조건 내 <img> 태그의 내용이 외부 소스에서 검색되고 내가 변화 <img> 태그 (추가 없음 특성)을 떠날 수 있다면 그것은 좋은 것입니다.

샘플 :

<div>Some text <img src="http://somewhere.com/someimage.png"/></div> 

Answer 1

img { vertical-align: middle; }

가 class 또는 idimg 또는 주변 div를 추가하는 것이 좋습니다 수 있습니다하지만이 {페이지에

Answer 2

사업부를 모두 img 태그에 영향을 미칠 것으로 배경 : url ("http://somewhere.com/someimage.png") 50 % 50 % no-repeat; 라인 높이 : 1.5em; 텍스트 정렬 : 센터}

해야합니다. 글꼴 크기에 따라