<p> innerhalb <a> nicht unterstreichen

Hallo,

wenn die Browser halt so reagieren, dann würde ich alles (also jeden Text) innerhalb des A-Elements in irgendwelche Tags verpacken.
Beispiel:
HTML:
<!DOCTYPE html>
<title>Test</title>
<style type="text/css">
	p {
		margin: 0;
		padding: 0;
		color: black;
	}
	a {
		text-decoration: none;
	}
	a:hover * {
		text-decoration: underline;
	}
	a:hover p {
		text-decoration: none;
		color: red;
	}
</style>
<a href="#">
	<span>Linkziel</span>
	<p>Linktext</p>
</a>
 
Zurück