如何在 HTML 中分隔多个按钮？

Question

<a href="https://github.com/drippy-cat" class="button primary">GitHub</a>
<a href="https://discord.gg/xvTyBgn6F2" class="button primary">Discord</a>
<a href="https://app.daily.dev/drippy-cat" class="button primary">daily.dev</a>

Answer 1

一个快速的解决方案是添加一个包装器并指定按钮的边距。

<div class="button-container">
  <a href="https://github.com/drippy-cat" class="button primary">GitHub</a>
  <a href="https://discord.gg/xvTyBgn6F2" class="button primary">Discord</a>
  <a href="https://app.daily.dev/drippy-cat" class="button primary">daily.dev</a>
</div>
<style>
  .button-container {
    display: flex;
  }

  .button-container a.button {
    margin-right: 15px;
  }
</style>