<!DOCTYPE html>
<style>
div {
display: block;
width: 400px;
height: 100px;
color: blue;
}
#underlineHover {
text-decoration: underline;
}
</style>
<div id="underlineHover">
<span>When</span> <span>hovered, </span><span>there</span> <span>should</span> <span> be </span> <span>no</span> <span>gaps</span> <span>in</span> <span>the</span> <span>underline.</span>
</div>
<div id="underlineNoHover">
<span>When</span> <span>not hovered, </span><span>there</span> <span>should</span> <span> be </span> <span>no</span> <span>underlines.</span>
</div>