[解決済み] CSSで画像をインラインで表示する

質問

3枚の画像を1列に並べて表示させたいのですが、どうすればよいですか？

以下はそのHTMLです。

<div id="client_logos">
<img style="display: inline; margin: 0 5px;" title="heartica_logo" src="https://s3.amazonaws.com/rainleader/assets/heartica_logo.png" alt="" width="150" height="50" />
<img style="display: inline; margin: 0 5px;" title="mouseflow_logo" src="https://s3.amazonaws.com/rainleader/assets/mouseflow_logo.png" alt="" width="150" height="50" />
<img style="display: inline; margin: 0 5px;" title="piiholo_logo" src="https://s3.amazonaws.com/rainleader/assets/piiholo_logo.png" alt="" width="150" height="50" />
</div>

以下はCSSです。

#client_logos { display: inline-block; }

なぜか、2つのロゴが隣り合って表示されるだけです。何が悪いのかよくわかりません。何か思い当たることはありますか？

のURLです。 http://rainleader.com/who-we-are/

スクリーンショットをご覧ください。

解決方法は？

改行がある <br> マークアップの2つ目と3つ目の画像の間にあります。それを取り除くと、インラインで表示されます。