Html 为什么标题不在中间？

我希望段落的标题居中，但我无法让它工作

整个段落和段落具有属性

text align:left

，标题具有

text align:center

，但仍然不居中

正文{
文本对齐：居中；
}
主要{
文本对齐：左对齐；
}
b{
文本对齐：居中！重要；
}

标题：

在其周围放置一个

div

。

标记不能居中

正文{
文本对齐：居中；
}
主要{
文本对齐：左对齐；
}
.标题{
文本对齐：居中！重要；
}

标题：

您不能对齐b标签内容

就像这样改变你的生活

html

---

一个简单的解决方案可能是使用定位。大概是这样的：

body {
  text-align:center;
  position: relative;
}
main {
  text-align:left;
}
b {
  position: absolute;
  left: 45%;
}

另一个解决办法是

display: block

b

元素。

A

元素默认为

display:inline

表示：适用于：块容器

因此，默认情况下，它对

元素没有影响

您需要将其应用于块容器。有三种方法可以做到这一点：

• 查找（或添加）作为块容器的祖先元素
• 更改
  （使用CSS

  display

  属性）使其成为块
• 将
  替换为不同的块元素

在这种情况下，适当的做法是更换

您应该选择描述内容是什么而不是其外观的基于标记的。（自从CSS 1于1996年发布并开始将网页的风格与结构分离以来，情况就是如此）

您一直在调用元素“header”。HTML提供了专门用于此目的的元素

除了它本身之外，还有其他原因

您的内容使它看起来像是一个合适的

h1{
文本对齐：居中；
}

标题

对于“介绍性或导航辅助……标题元素以及其他元素，如徽标、搜索表单等”，似乎是一个更好的标签

更适合于“文档独有的内容，不包括在一组文档中重复的任何内容，如边栏、导航链接、版权信息、网站徽标和搜索表单（除非文档的主要功能是作为搜索表单）。”

需要明确的是，

text align

属性由子元素继承

这样说，考虑下面的代码：

正文{
文本对齐：居中；
}
标题{
文本对齐：左对齐；
}
h1{
文本对齐：居中；
}

标题：
段落中的内容（应左对齐，从“标题”继承）

如果答案是正确的，仍然否决投票是没有任何意义的。如果问题不好，就直接否决问题本身，不要惩罚回答者。@Lister先生，如果我听过这样的话，这是否决的不好借口。如果有人相信这一点，那么他们可以继续前进，他们对那些花时间或做出任何努力提供答案的人的正确答案投了否决票，这是毫无贡献的answer@Quentin如果有人认为应该关闭它，那么它就会关闭。只要不是这样，就让那些想帮忙的人试着帮忙吧。@Quentin仍然没有写出你声称知道的正确答案，而是批评那些真正想帮忙的人。如果你认为这个问题应该结束，就别管它。@Quentin只要它打开，就会得到答案。你并没有阻止任何人，但是你也在帮助任何人——如果你不是以任何方式来帮助你，那么你就不会对这条线做出积极的贡献或影响，而应该考虑保留你的下注和意见。这并不容易。取决于字体大小和内容与容器宽度的猜测比率，这是非常脆弱的。

body {
  text-align:center;
  position: relative;
}
main {
  text-align:left;
}
b {
  position: absolute;
  left: 45%;
}

display: block