title: Semantic HTML for confirmation, error and warnings messages
body: <p>What are people's opinions on semantic HTML for confirmation, error and warnings messages?</p>
  
  <p>Currently I have something simple like:</p>
  
  <pre><code>&lt;div class="message message-warning"&gt;
       &lt;h3&gt;Message Title&lt;/h3&gt;
       &lt;p&gt;Message text&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Whereby the <code>message-warning</code> class gets replaced by <code>message-confirmation</code> or <code>message-error</code> if the message is a different type.</p>
  
  <p>Is there a more semantic way of marking this up?</p>