我如何在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/