我的元素太靠近了。如何在 CSS 中设置导航元素的间距？

Question

我希望将我的导航元素放置在网页的右侧，确实如此。那里没有问题。我的问题是我的导航元素太靠近了。我希望他们能更加疏远。这里出了什么问题，我需要做什么？

nav {
  text-align: right;
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  font-size: 25px;
  margin-right: 40px;
  padding-right: 20px;
  padding-top: 30px;
  color: black;
}

nav a {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Calibri', 'Trebuchet MS', sans-serif;
  text-decoration: none;
  color: black;
}

<nav>

  <a href="#">Gaming</a>

  <a href="#">Wishlist</a>

  <a href="#">Merch</a>

  <a href="#">Contact</a>

</nav>

Answer 1

我认为解决方案有很多：

1. 在导航内

   a

   添加填充或边距

2. 间隙特性

gap: 5px; // 5px for exmaple