title: css- length of border bottom
body: <p>I have a link that's styled with</p>
  
  <pre><code>a:hover {
      border-bottom: 3px solid #fff;
  }
  </code></pre>
  
  <p>And looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/a58Se.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a58Se.png" alt="enter image description here"></a></p>
  
  <p>But I need to resize the length of the border like this:</p>
  
  <p><a href="https://i.stack.imgur.com/c5tfp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c5tfp.png" alt="enter image description here"></a></p>
  
  <p>Any ideas on how I can do this? Thanks</p>