如何使用CSS在没有div的情况下将按钮居中

Question

我试图将一个没有div的按钮居中。按钮如下

<body>
  <button>Some Text</button>
</body>

我尝试过使用一些不同的技术，例如：

text-align: center

和

margin:0 auto;

但这些不起作用。

Answer 1

很简单，只要让它显示为一个块元素：

<body>
  <button>Some Text</button>
</body>

button {
    display: block;
    margin: 0 auto;
}