title: how can i attach an icon near H1 tag?
body: <p>I have few menus with titles, and next to them attached icons, the following code is working correctly:</p>
  
  <pre><code>&lt;div class="contentcont"&gt;
      &lt;div class="content"&gt;
          &lt;div class="navbar"&gt;
              &lt;a class="navbar" href="index.htm"&gt;
              &lt;img src="navhome.png" alt="Home" height="12" width="14"&gt;&lt;/a&gt;
              &lt;a class="navbar" href="index.htm"&gt;Login&lt;/a&gt;
              &lt;div class="clear"&gt;&amp;nbsp;&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>when trying to add the same icon next to a different class it is showing the icon above (if written above) or under (if written under) but no on the same line, i have tried to change:</p>
  
  <p></p>
  
  <pre><code>    &lt;div class="infoboxheader infoboxheaderuser"&gt;
          &lt;img src="navhome.png" alt="Home" height="12" width="14"&gt;&lt;/a&gt;
          &lt;h1 class="infobox"&gt;Login to Real Estate&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div class="infoboxbody"&gt; 
  </code></pre>
  
  <p>css info of infobox: </p>
  
  <pre><code>h1.infobox{
        color: #5d5d5d;
        font-size: 13px;
        font-weight: bolder;
        padding-left: 10px;
        margin: 0px 0px 0px 0px;
        text-transform: uppercase;
  } 
  </code></pre>
  
  <p>notice that's a different class, what am i doing wrong? </p>