html - 画像をテキストに揃えることができません

Question

画像とテキストの位置合わせに問題があります。

#content img{
    border: 2px solid black;
    vertical-align: middle;
}

<div id="content">
    <h1><b>Company News 1</b></h1>
    <img src="http://www.placehold.it/120x120">
    <span style="">
        A lot of text...
    </span>
</div>

結果は次のとおりです。

私は何を間違っていますか？

Answer 1

#content img{
  border: 2px solid black;
  float:left;
  margin-right:5px;
}

Answer 2

jsフィドルを確認してください

http://jsfiddle.net/5vzBS/

#content img
{
     border: 2px solid black;
     vertical-align: middle;
     float:left;
}

Answer 3

このような

デモ

#content img {
    border: 2px solid black;
    vertical-align: middle;
    float: left;
    margin: 0 10px;
}

Answer 4

float:leftプロパティ を使用

#content img{
    border: 2px solid black;
    vertical-align: middle;
    width:120px;
    height:120px;
    float:left;
}

フィドル: http://jsfiddle.net/kJHK7/1/