divタグに残っているimgを整列させますか？

Question

編集：これは理にかなっています。この画像を確認してください。 http://puu.sh/rt8M イメージはパディングを通過します。画像を格納するためにtitle divを垂直方向に展開したい。テキストを中央に置いたまま、イメージの中心がテキストと交差するようにします。

---

---

私は（右側のテキストの後にして、別の）左にIMGを整列します。私は様々なプロパティを試しましたが、それを正しく行うことはできません。誰も助けることができますか？

明確にするために、画面またはブラウザウィンドウの左側にイメージを表示します。 divはヘッダー/タイトルのdivのように、画面の左から右に伸びます。

Float; leftはdivタグからimgを落とすようです。私はテキストアライメントがあることを言及する必要があります：センター;タグのプロパティ。しかし、削除されたときに問題が解決されるわけではないので、それがわかりません。

HTML

<div id="header"> 
    <div id="title"> 
    <h1> 
    <img class="logo" src="images/logo.png" alt="" width="86" height="98" /> 
    <a href="index.html">Page Header Title</a> 
    </h1> 
    </div> 
</div> 

Answer 1

使用この

<div id="header" style="float:left"> 
<div id="title"> 
<h1> 
<img class="logo" src="images/logo.png" width="86" height="98" /> 
<a href="index.html">Page Header Title</a> 
</h1> 
</div> 

Answer 2

私はあなたのために少しdabbletのコード例を作成しました。私はこれがあなたがやろうとしていることだと思いますか？ http://dabblet.com/gist/2492793

Answer 3

CSS：

.logo{ 
    float:left; 
    width: 86px; 
    height:98px; 
    display:block;  
} 

.img2{ 
    float:right; 
    display:block; 
} 

.clear{ 
    clear:both; 
} 

HTML：それがクリアされていないため、ロゴは、div要素の外に落下さ

<div id="header"> 
    <div id="title"> 
     <h1> 
      <img class="logo" src="images/logo.png" alt="" /> 
      <a href="index.html">Page Header Title</a> 
      <img class="img2" src="images/img2.png" alt="" /> 
      <div class="clear"></div> 
     </h1> 
    </div> 
</div> 

理由があります。 これは物事を修正する必要があります。