我如何在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標籤的樣式。像，

.infoboxheader img{float:left;margin-top:2px} 

這裏是工作提琴 - https://jsfiddle.net/t8tokcth/1/