如何在边框的链接之间增加间距

Question

我正在制作一个网站，但在其中带有链接的边框，但是链接之间没有任何间距。

  <h1><div style="background-color: #ADD8E6 ; padding: 30px; border: 2px solid black;"><a href="AboutUs.html"><font color="black"><strong>About Us</strong></font></a><a href="OurGames.html"><font color="black"><strong>Our Games</strong></font></a></h1>

Answer 1

为<a/>使用保证金将有效...

a{
  margin: 0 8px;
}

<h1><div style="background-color: #ADD8E6 ; padding: 30px; border: 2px solid black;"><a href="AboutUs.html"><font color="black"><strong>About Us</strong></font></a><a href="OurGames.html"><font color="black"><strong>Our Games</strong></font></a></div></h1>

Answer 2

您已经有了答案，在这里我删除了字体（不推荐使用）和强标签的用法：

#styleMyDiv{
background-color: #ADD8E6 ;
padding: 30px;
border: 2px solid black;
}

<h1>
  <div id="styleMyDiv">
    <a href="AboutUs.html" style="color: black;font-size: xx-large">About Us</a>
    <a href="OurGames.html" style="color: black;font-size: xx-large">Our Games</a>
  </div>
</h1>

Answer 3

有一个拼写错误，您错过了 h1 标记之前的 div 标记！