JSFiddle - React, Tailwind, and code Playground

HTML

<div class="HomeText">
  <p>I'm <a href="about.html" class="transition">Luke</a> Evans.<br>
  You might have seen me <a href="press.html" class="transition">here</a>.<br>
  </p>
  <p>I’m fond of how film <a href="insideout.html" class="transition">tastes</a> and travelling the <a href="forge.html" class="transition">world</a>. I play with <a href="shadows.html" class="transition">light</a> and build <a href="https://vimeo.com/62507559" target="_blank">machines</a>. I’ll<br>
  <a href="stalker.html" class="transition">stalk</a> you, steal your identity, <a href="bondage.html" class="transition">tie</a> you up and ask you <a href="http://isthisgraphicdesign.com" target="_blank">questions</a>.</p>
</div>

CSS

.HomeText p a {
color: red;
text-decoration: none;
position: relative;
display: inline-block;
vertical-align: top;
}
.HomeText p a:hover:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom: -3px;
    border-bottom:solid 1px red;
    
}