Html 如何修复css中的锚和h1？

我有一个带有标记的html

<a class="home-link" href="index.html" rel="home">
<h1 class="site-title">John Arellano's Personal Website</h1>
</a>

我在设置此网站标题的样式时遇到问题。我的光标允许我单击以 链接甚至在空白空间。 有人能帮我用CSS解决这个问题吗？因为我无法更改HTML文档。所以我希望只使用CSS来修复它

---

我仍然可以点击链接。。如果宽度为200px；我仍然可以在大于200px的位置单击

您可以使用css执行以下操作：

<style>
     a:link{display:inline-block;}
</style>

a:链接{显示：内联块；}

块元素不能放在内联元素内，这是一个错误！应该是这样的：

<h1 class="site-title"><a class="home-link" href="index.html" rel="home">John Arellano's Personal Website</a></h1>

<h1><a href="" class="home-link">Site name</a></h1>

---

您需要如下更改html代码：

<h1 class="site-title"><a class="home-link" href="index.html" rel="home">John Arellano's Personal Website</a></h1>

<h1><a href="" class="home-link">Site name</a></h1>

---

你能更清楚地知道你到底想做什么吗？在你不需要点击选项的地方使用

cursor:default

。我已经编辑了我的帖子。谢谢你的回答。我的情况是，我无法更改HTML代码。我试过你的css，但仍然不起作用。请你更清楚你的问题。或者你有这个页面的在线链接吗？