JSFiddle - React, Tailwind, and code Playground

HTML

<font face="Lucida Sans Unicode" color="#00457C" style="font-size: 11pt"><b>
		<a href="neuropsychological-assessment.htm">
		<font color="#00457C">Neuropsychological Assessment</font></a></b><br>
		</font>
		<font color="#00457C" face="Lucida Sans Unicode" size="2">
		 <a href="adhd.htm" class="arrows">Attention Deficit Hyperactivity Disorder</a><br>

CSS

a:link {text-decoration: none;
	color:#00457C;
	}
a:visited {text-decoration: none;
	color:#00457C;
	}
a:hover {text-decoration: underline}
a:hover .space {text-decoration: none}
a:active {text-decoration: none}

a.arrows:before{
    content: "»";
    position: absolute;
    margin-left: -10px;
}
a.arrows{
    margin-left: 10px;
    width: 200px;
    float: left;
}