title: How to create a double bottom border in CSS
body: <p>I want to create a double boarder at the bottom of a title with two lines of different thicknesses and a 1px space in between. Specifically a top line with a thickness of 2px and a bottom line of 1px.</p>
  
  <p>Here is an image example of what I am aiming to achieve aesthetically - </p>
  
  <p><img src="https://i.stack.imgur.com/GbMfA.png" alt="enter image description here"></p>
  
  <p>Other website which have used this design aspect - <a href="http://www.rollingstone.com/" rel="noreferrer">http://www.rollingstone.com/</a></p>
  
  <p>So far I have tried - "border-bottom: 1px Solid #000;" with no luck. 
  I would appreciate any further suggestions</p>
  
  <p>Many Thanks</p>