title: How do you give a <hr> a gradient color?
body: <p>I have a horizontal rule on my html page with the following styling applied:</p>
  
  <pre><code>#seperate {
      clear: both;
      border: 3px solid red;
  }
  </code></pre>
  
  <p>Is it possible to make the horizontal rule's colour a gradient similar to:</p>
  
  <pre><code>background: linear-gradient(to right, red , yellow)
  </code></pre>
  
  <p>I have attempted doing this..</p>
  
  <pre><code>#seperate {
  clear: both;
  border: 3px solid linear-gradient(to right, red , yellow);
  }
  </code></pre>
  
  <p>..but that failed.</p>