Edit in JSFiddle

<p><a href="#"><font color="red">リンクの下線が赤になっていない</font></a></p>
<p><a href="#"><span style="color:black;">リンクの下線が黒になっていない</span></a></p>
<p><a href="#"><span class="green">リンクの下線が緑になっていない</span></a></p>
.green {
  color: green;
}