title: Align <hr> to the left in an HTML5-compliant way
body: <p>Currently, I'm using</p>
  
  <pre><code>&lt;hr align="left" /&gt;
  </code></pre>
  
  <p>on my HTML5 page, but I've read that the align property was deprecated in XHTML 4.01 and supposedly removed from HTML5. I'd like to be using CSS rather than an inline attribute like this, but when I tried</p>
  
  <pre><code>hr{align: left; max-width: 800px;}
  </code></pre>
  
  <p>or <code>hr{text-align: left;}</code> or <code>hr{left: 0;}</code> or <code>hr{float: left;}</code>, it just showed up in the center.</p>
  
  <p>So what should I use instead of the inline attribute above?</p>