title: display icon to left of text
body: <p>In our html we have:</p>
  
  <pre><code>&lt;div id="error2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This displays dynamic error message.</p>
  
  <p>In the css I have:</p>
  
  <pre><code>#error2 {
      background:url(../images/cross.png) left center no-repeat;
      color: #ff2217;
      font-size:16px;
      font-weight:bold;
      position:absolute;
      top:175px;
      left:32px;
  }
  </code></pre>
  
  <p>What I get is:</p>
  
  <p><img src="https://i.stack.imgur.com/66MEb.png" alt="enter image description here"></p>
  
  <p>What I want is:</p>
  
  <p><img src="https://i.stack.imgur.com/5xLaV.png" alt="enter image description here"></p>