Ich habe es so gemacht :
<li><a href="#"><a href="src/index.html">Der Name "Karate"</a></a></li>
Abstand weil a mit display:block in a mit display:block
a darf aber sowieso kein a enthalten (logisch oder wie soll der Browser wissen, welchem Link er folgen soll?)