H1タグの近くにアイコンを付けるにはどうしたらいいですか？

Question

私は次のコードが正しく動作している、タイトルのいくつかのメニューがあり、それらの隣に添付アイコン：

<div class="contentcont"> 
    <div class="content"> 
     <div class="navbar"> 
      <a class="navbar" href="index.htm"> 
      <img src="navhome.png" alt="Home" height="12" width="14"></a> 
      <a class="navbar" href="index.htm">Login</a> 
      <div class="clear">&nbsp;</div> 
     </div> 

それは上記のアイコンが表示され、次の異なるクラスに同じアイコンを追加しようとすると（場合インフォボックスの

<div class="infoboxheader infoboxheaderuser"> 
     <img src="navhome.png" alt="Home" height="12" width="14"></a> 
     <h1 class="infobox">Login to Real Estate</h1> 
    </div> 
    <div class="infoboxbody"> 

CSS情報：

同じ行に無下に書かれた）が、場合（上に書いた）または下、私は変更しようとしています

h1.infobox{ 
     color: #5d5d5d; 
     font-size: 13px; 
     font-weight: bolder; 
     padding-left: 10px; 
     margin: 0px 0px 0px 0px; 
     text-transform: uppercase; 
} 

別のクラスの通知、何が間違っているのですか？

Answer 1

imgタグのスタイルを試してみてください。 https://jsfiddle.net/t8tokcth/1/