title: Html img after label element
body: <p><strong>Hi,</strong></p>
  
  <p>I have the following HTML :</p>
  
  <pre><code>&lt;div class="controlTitleContainer "&gt;
      &lt;label for="test"&gt;Titel&lt;/label&gt;
      &lt;div class="q"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS looks like this </p>
  
  <pre><code>.controlTitleContainer .label
  {
      font-size:              0.94em;
      color:                  #778899;
      display:inline;
  }
  
  .controlTitleContainer .q
  {
      background-image:       url("Images/Common/Icons/questionMark_15x14.png");
      height:                 14px;
      width:                  15px;
      float:left;
  }
  </code></pre>
  
  <p>The problem is that the div will be placed to the left of the label instead of to the right? Why?</p>
  
  <p>I have tried to switch the div to a span with no success. Also If I change the div to a img intead then it will work but there is some unvanted margins that I can´t remove with the div element.</p>
  
  <p><strong>Pleas advice</strong></p>
  
  <p>Edit1: The confusions in the question should now be fixed, sorry for that.</p>
  
  <p><strong>MySolution :</strong> I created two div elements (one for text and one for icon) and then set float to left on both.</p>