将链接按钮排列在它们上方的链接之间居中

<style>
  .container {
    text-align: center;
  }

  .link-button {
    display: inline-block;
    margin: 0 10px;
    padding: 10px 20px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
  }

  .link {
    display: inline-block;
    margin: 10px;
    text-decoration: none;
    color: #666;
  }
</style>

<div class="container">
  <a href="#" class="link-button">按钮1</a>
  <a href="#" class="link-button">按钮2</a>
  <a href="#" class="link-button">按钮3</a>
</div>

<div class="container">
  <a href="#" class="link">链接1</a>
  <a href="#" class="link">链接2</a>
  <a href="#" class="link">链接3</a>
</div>