HTML和CSS，水平对齐两个按钮而不丢失表单操作

这两个按钮中的每一个都调用一个外部php页面。它们在页面上的显示方式是垂直对齐的。如何使水平对齐当然也对齐而不丢失表单动作。？见截图

下面是代码，非常感谢

<form action="reboot.php" method="get">
  <button class="button button3" type="submit">Server Reboot</button>
</form>

<form action="shutdown.php" method="get">
  <button class="button button3" type="submit">Server Shutdown</button>
</form>

服务器重新启动
服务器关闭

您可以尝试在两个按钮上应用“显示：内联”

<form action="reboot.php" method="get" class="inline">
  <button class="button button3" type="submit">Server Reboot</button>
</form>

<form action="shutdown.php" method="get" class="inline">
  <button class="button button3" type="submit">Server Shutdown</button>
</form>

---

这是你可以做到的

<div class="form-wrapper">
<form action="reboot.php" method="get">
  <button class="button button3" type="submit">Server Reboot</button>
</form>

<form action="shutdown.php" method="get">
  <button class="button button3" type="submit">Server Shutdown</button>
</form>
</div>

CSS中的

display:flex

将其所有包含的项水平对齐

<div class="form-wrapper">
<form action="reboot.php" method="get">
  <button class="button button3" type="submit">Server Reboot</button>
</form>

<form action="shutdown.php" method="get">
  <button class="button button3" type="submit">Server Shutdown</button>
</form>
</div>

.form-wrapper{
    display: flex;
}