title: Border bottom center with fade out
body: <p>How do i create border that is centered with a fade out effect towards the edges of the element
  Example below: (The bottom border)</p>
  
  <p><img src="https://i.stack.imgur.com/OVSg5.jpg" alt="enter image description here"></p>