Html 使按钮出现在页面引导程序的中间

嗨，伙计们，我现在有两个按钮：

 <a href="GAME1/index.html" class="btn btn-warning" style ="margin-left: 500px;">1 Player</a>
  <a href="GAME4/index.html" class="btn btn-warning">2 Players</a>

试图让它们出现在我的页面中间，但是我确信使用边缘余量500 px之类的东西不是很好的编码，我想知道什么是使它们出现在页面中间的最好方法，也是1以上的一种，并且改变按钮的大小，使它们稍微大一些

谢谢你的帮助

---

---

---

将两个按钮按如下方式包装在一个div中

<div style="text-align:center">
  <a href="GAME1/index.html" class="btn btn-warning">1 Player</a>
  <a href="GAME4/index.html" class="btn btn-warning">2 Players</a>
</div>

---

像这样将两个按钮都包装成一个div

<div style="text-align:center">
  <a href="GAME1/index.html" class="btn btn-warning">1 Player</a>
  <a href="GAME4/index.html" class="btn btn-warning">2 Players</a>
</div>

---

引导程序附带一个名为“文本中心”的类。
这将使div和其中的任何内容居中

<div class="text-center"> 
    <a href="GAME1/index.html" class="btn btn-warning" style ="margin-left:     500px;">1 Player</a>
    <a href="GAME4/index.html" class="btn btn-warning">2 Players</a>
</div>

---

引导程序附带一个名为“文本中心”的类。
这将使div和其中的任何内容居中

<div class="text-center"> 
    <a href="GAME1/index.html" class="btn btn-warning" style ="margin-left:     500px;">1 Player</a>
    <a href="GAME4/index.html" class="btn btn-warning">2 Players</a>
</div>

Ah它们仍然并排，而且，很抱歉，如何使文本变大？您可以在每个标记上使用style=“display:block；font size:14px；”。您可以将字体大小值更改为最适合您的值。啊，它们仍然并排排列，而且，很抱歉，如何使文本变大？您可以在每个标记上使用style=“display:block；font-size:14px；”。您可以将字体大小值更改为最适合您的值。