Html h2元素赢得'；除非设置为100%，否则不要保持居中

这似乎对我来说应该是一个非常简单的问题，尽管我自己无法解决。我有一个

h2

元素，我想保持在85%，它包含一行短文本。我希望它在其包含的

div

中居中，而不仅仅是文本在

h2

元素中居中。 下面是一些代码：

<div class="main">
  <div class="secondary">
      <h2>Three words of text</h2>
  </div>
</div>

我也犯了一个错误

感谢所有能够提供帮助的人。

添加：

margin: 0 auto;

到h2样式规则

---

首先，属性中缺少分号。这使得css解析器跳过对其余属性的解析

另一方面，有几种方法可以做到这一点，但由于您已经有了固定的宽度，请尝试以下方法：

h2 {
  text-align:center;
  width:85%;
  margin: 0 auto;
}

---

text align

属性将文本居中放置在容器内（在本例中为

h2

）

---

您不希望对齐文本本身，而是对齐

h2

容器。因此，不要使用

文本对齐：居中，您应该使用
边距：auto
'这是您更新的JSFIDLE。
然后您可以将
h2
的宽度重置为自动。当然，除非你想要一个85%的显式宽度；事实上，我确实想要这个宽度，主要是为了边界（我没有费心把它放在小提琴上）。非常感谢！我以前确实用过很多次
margin:auto
，但我想不起来我这辈子该怎么做……是的，我看到了：（看起来他们已经改变主意了。）。
h2 {
  text-align:center;
  width:85%;
  margin: 0 auto;
}