html - 我如何使这个表单按钮 block 居中？

Question

我希望这个表单带按钮水平排列并作为一个整体位于页面的水平中心。

如何设置我的 CSS？

<form action="signup.php" method="post">
         <fieldset>
          <label>Email: <label>
          <input type="text" name="email" id="email" placeholder='email address' />
          <input type="submit" value="Sign Up" class= "button" />
          </fieldset>
          </form>

Answer 1

有很多方法可以解决这个问题。这是一种解决方案。虽然，我建议不要使用内联样式，但这是带有 CSS 的表单。

<form action="signup.php" method="post" style="margin: 0 auto; width: 350px;">
  <fieldset>
    <label>Email: <label>
    <input type="text" name="email" id="email" placeholder='email address' />
    <input type="submit" value="Sign Up" class= "button" />
  </fieldset>
</form>