title: Line below link on hover
body: <p>How can I add a short line below link ? The line should be visible only on hover. 
  I tried with border-bottom, but that way the line is 100% of the link width and I want the line to be <strong>shorter</strong> than the link .</p>
  
  <p>Here is a example image of the effect that I try to make. </p>
  
  <p><img src="https://i.stack.imgur.com/S0m7M.png" alt="enter image description here"></p>