使链接在水平导航栏中居中

<nav class="horizontal-navbar">
  <ul>
    <li><a href="#">链接1</a></li>
    <li><a href="#">链接2</a></li>
    <li><a href="#">链接3</a></li>
    <li><a href="#">链接4</a></li>
  </ul>
</nav>

.horizontal-navbar {
  display: flex;
  justify-content: center;
}

.horizontal-navbar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.horizontal-navbar li {
  margin: 0 10px;
}

.horizontal-navbar li a {
  text-decoration: none;
}