I have some header links. Example JSFiddle
<a href="#"><h3>Some header link</h3></a>
<a href="#"><h3>Another link</h3></a>
The problem is that the clickable link area stretches across the page and doesn't just end where the text ends. So if the user clicks the whitespace to the right of a link, it still links them to that page.
Now, this is an interesting constraint but is there a purely HTML solution? I'd like avoid CSS if possible but if it's the only way to do it, then so be it.