I have noticed that if an element, such as span or p, has a display of inline-block then it will cover the underline style of an anchor when placed inside.
<a href="http://www.stackoverflow.com"><span style="display:inline-block">test</span></a>
<a href="http://www.stackoverflow.com"><p style="display:inline-block">test</p></a>
Is there a way to prevent this?
add to the style tag
text-decoration:inherit;