在塊元素“ h1”上使用“自動”

Question

根據H1，H2，H3，H4標簽是塊元素還是內聯元素？

h1, h2, etc是塊元素

我正在嘗試將h1居中，但margin: 0 auto不起作用。

這使我感到困惑，因為根據CSS屬性中`auto`值的含義是什么。

具有margin: 0 auto的塊元素將增加左側和右側邊距，直到其沿視口的y軸居中。

 <h1 style="margin: 0 auto">Is this centered?</h1> 

我想念什么？

Answer 1

關於margin: auto引用僅在您指定塊元素的寬度的情況下適用，因為默認情況下，塊元素將占用寬度的100％。 因此，在這種情況下，應使用css text-align屬性。 （ text-align: center ）。

Answer 2

由於它們是塊元素，因此它們的寬度是100％，而不是文本的寬度。 您應該只使用text-align: center 。

 <h1 style="text-align: center">Is this centered?</h1>