如何显示水平按钮

<div class="button-container">
  <button class="horizontal-button">按钮1</button>
  <button class="horizontal-button">按钮2</button>
  <button class="horizontal-button">按钮3</button>
</div>

.button-container {
  display: flex; /* 将按钮容器设置为弹性布局 */
}

.horizontal-button {
  margin-right: 10px; /* 设置按钮之间的右边距 */
}