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

div要素をすべてimgのタグに影響を与えますよう背景：url（ "http://somewhere.com/someimage.png"）50％50％no-repeat;線高さ：1.5em; text-align：center}

する必要があります。フォントサイズに応じて