title: Styling a responsive notice message using CSS
body: <p>I'm trying to style a notice message. That is an alert image with a message, like <a href="http://jsfiddle.net/7j6Qz/1/" rel="nofollow">this</a>.
  I would like it to be with a minimal amount of html, so currently the html for the notice is only </p>
  
  <pre><code>&lt;p class="notice error"&gt;This is a message&lt;/p&gt;
  </code></pre>
  
  <p>The jsfiddle does what I want, except that the parent can be of any size, meaning the html above should be responsive. Is it possible to position the icon so that in any situation it is just before the message ? And if this is not possible, other neat solutions are welcome too of course!</p>
  
  <p>Thnx</p>