title: How can I change the thickness of my <hr> tag
body: <p>I want to change the thickness of my horizontal rule (<code>&lt;hr&gt;</code>)in CSS. I know it can be done in HTML like so - </p>
  
  <pre><code>&lt;hr size="10"&gt;
  </code></pre>
  
  <p>But I hear that this is <a href="https://www.w3.org/TR/html401/present/graphics.html#h-15.3" rel="noreferrer">deprecated</a> as mentioned on <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr" rel="noreferrer">MDN here</a>. In CSS I tried using <code>height:1px</code> but it does not change the thickness. I want the <code>&lt;hr&gt;</code> line to be <code>0.5px</code> thick. </p>
  
  <p>I am using Firefox 3.6.11 on Ubuntu </p>