image - div のアンダーラップ

Question

フィドル。私は自分のサイトに投票ボタンを作成しており、そのボタンを指す矢印型の文字があります。divに画像があり、画像を入れた後、div内のテキストと画像が押し下げられました。テキストと画像を div 内に配置したい。

HTML:

<button id="b">
  0
</button><div id='votes'>&leftarrow; Votes <img id='votel' src='http://i.imgur.com/lVbnNwy.png?1' /></div>

Answer 1

削除margin-top:

#votel {
    height: 18px;
    width: 18px;

}