如何防止标题文字左对齐？

Question

我在CSS中写了一个Markdown主题但我在标题样式方面遇到了一些问题。现在，h1的样式如下：

h1 {
  border-top: 1px solid black;
  width: 10%;
  margin: 0 0 100px 45%;
  padding: 0;
  text-align: center;
}

它呈现如下：

问题是，当标题包含超过10％宽度的单词时，该单词就像左对齐一样。

关键问题：
如何在不添加HTML标记的情况下阻止非常长的字词左对齐？

Answer 1

编辑：不是OP寻找的东西。

word-wrap: break-word;
word-break: break-all;

   h3 {
      /* omitted font details... */
      position: absolute;
      border-top: 1px solid #cccccc;
      width: 10%;
      margin: 0 87% 0 3%;
      text-align: center;
      padding: 0 1% 0 1%;
      word-wrap: break-word;
    }