Html 居中按钮使用整条线

所以，我是个新手，不知道怎么做

我正在尝试创建一个带有几个按钮的主菜单。我使用了中间、填充和边距。（不确定是否重要）。我刚刚注意到按钮位于中间（很明显），但可点击的东西位于按钮的整行：

（不要看课文，它不是英文的）。我可以点击整件事直到按下按钮。即使在之后，按钮前后的整行都可以单击。 我怎样才能修好它

    .button {
      border: solid;
      border-color: darkblue;
      font-family: sans-serif;
      text-align: center;
      text-decoration: none;
      font-family: sans-serif;
      display: inline-block;
      font-size: 15px;
      margin: 1px 1px;
      border-radius: 10px;
      background-color: rgba(90, 203, 255, 0.979);
      border: none;
      color: black;
      padding: 12px 30px;
      cursor: pointer;
      font-size: 20px;
    }

这是按钮参数，这是按钮本身：

        <a href="keks">
            <center><button class="button">Кекс</button>
            </center>
          </a></tr>

---

只需移除锚定标签内的中心标签，并将其放置在锚定标签外即可

<center>
 <a href="keks" class="button">
  Кекс
 </a>
</center>

---

由于您在锚定标记内使用中心标记，因此将整个区域划分为可点击区域。

整行可点击的原因是您已将

包装在另一个可点击元素

内

这是不允许的。交互元素（具有单击默认行为）不能包含其他交互元素

还要注意，HTML没有元素

。几十年前，旧的中心元件已被标记为过时，并从规范中删除。

身体{
显示器：flex；
证明内容：中心；
}
.按钮{
边框：实心；
边框颜色：深蓝色；
字体系列：无衬线；
文本对齐：居中；
文字装饰：无；
字体系列：无衬线；
字体大小：15px；
保证金：1px 1px；
边界半径：10px；
背景色：rgba（90203255,0.979）；
边界：无；
颜色：黑色；
填充：12px 30px；
光标：指针；
字体大小：20px；
}
Кекс

在

a

中不能有

按钮。不允许嵌套交互式（可单击）元素。在
a
中不能有
按钮。不允许嵌套交互式（可单击）元素。谢谢更正@您已经更正了部分HTML无效性。不幸的是，你的答案仍然是错误的，因为与问题无关。