Trying to style an hr tag to have end caps : <p>I'm attempting to style an hr tag to have end caps like the attached image. While I could just remove the background from that image and set that as background, that won't change width with the page. At the moment, how to get this correctly made is eluding me.</p>

<p><a href="https://gyazo.com/a89aafb7a2d6c137a9052e6f111691ae" rel="nofollow">Image of the desired hr.</a></p>
