title: horizontal line with two colors
body: <p>I am trying the simulate the same effect on the picture for an html page. Is it possible to accomplish this without using an image or JS? I know it can be done horizontally by adding border color top and bottom but I couldn't find a way to do it horizantally.</p>
  
  <p><a href="https://i.imgur.com/GpYpF0t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Dsh49.png" alt="enter image description here"></a></p>