html - パディングを使用してテキストの横に画像を配置する方法は?

Question

<h2><img src="img.jpg" height="75px"> some text</h2>

画像をテキストブロックのすぐ隣に配置したいのですが、少しパディングしてください。どうすればこれを実現できますか? style: padding 10px;イメージタグ内で成功しませんでした。

Answer 1

このようなものを探していると思います。http://jsfiddle.net/3HZr7/

<h2>
    <img src="img.jpg" height="75px"> 
    <span>some text</span>
</h2>



h2{
  overflow: auto;    
}

h2 span{

   float: left;
   margin-top: 10px;
   margin-left: 10px;
}

h2 img{
   float: left;        
}​

Answer 2

CSS ボックス モデルを誤解しています。

パディングはボックスの内側のスペースを担当し、マージンはボックスの外側のスペース、つまりボックスがコンテナから持っているスペースを担当します。

したがって、考えられる解決策は簡単です。

1. padding親要素に適用します。
2. margin画像要素に適用します。

例。