title: Add sprite icon to a label . Is there a way to set width / height just for the sprite and a second w/h to the label?
body: <p>This is probably a newbie question, but is it possible to add a sprite icon to a label with text? </p>
  
  <p>ex:</p>
  
  <pre><code>&lt;label class="icon"&gt;labeltext&lt;/label&gt;
  
  &lt;style&gt;
   .icon {
      width: 30px
      height: 30px;
      background: url("icon.png") no-repeat scroll 0 0 transparent;
   }
  &lt;/style&gt;
  </code></pre>
  
  <p>When I set the width to 30px, the whole text isn't showing. Is there a way to have a sprite icon and a text inside a div / label / span ? </p>
  
  <p>My real code looks more like this</p>
  
  <pre><code>&lt;span class="additional-background"&gt;
      &lt;span&gt;text text text text&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>If i set the width / height on the additonal-background where the sprite-icon is you can not see the text inside the text span. And if I set width on text span I can't manage to make a click-event on the "additional-background". </p>
  
  <p>Additional
  <strong>I need to manage to have a click event on the icon, and not the text</strong></p>