title: space between text and border bottom
body: <p>How do I create distance between the text and the border below the text as shown in the image attached using sass/css?</p>
  
  <p>I want the distance to be 5px and the font-size of the text to be 15px.</p>
  
  <p>I tried doing</p>
  
  <pre><code>.selected {
    color: #284660;
  }
  .selected:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 5px;
    border-bottom: 2px solid #284660;
  }
  </code></pre>
  
  <p>but that created a border that was too wide. </p>
  
  <p><a href="https://i.stack.imgur.com/7q323.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7q323.png" alt="enter image description here"></a> </p>