Question

我在网站上工作，并且我使用中心标记来集中某些h3。

就在我的标题之下我将这个h3文本集中在这里：

<center><h3> Lijst van jongeren die ouder zijn dan 18 jaar </h3></center>

但是，当我刷新页面时，它并没有真正居中，而是略微向右。

在页面中间的同一页面上，我将另一段文字居中，如下所示：<center><h3> Lijst van jongeren die jonger zijn dan 18 jaar </h3></center>这段文字确实正确居中。

所以看起来我标题下的每个h3都没有正确居中，我也不知道为什么会这样。

这是它在我的网站上的外观图片： https://gyazo.com/9d66a01487df4e19a7909afb4ab428c5

这是我的HTML和正文的CSS：

body{
    background: #F5F5F5 !important;
}
html,body{
    height: 100%;
    font-family: "Arial";
    background: #F5F5F5;
    margin:0px;
    padding:0px;
}

感谢任何形式的帮助，Thx

Answer 1

也许你应该尝试用CSS集中你的元素：

h3{
text-align: center;  
}

检查this

Answer 2

h3 是一个块元素。实际上，标签正确居中。

但您可以将标签内的文字对齐。

.centered { text-align: center; }

<h3 class="centered">Hello, there!</h3>

Answer 3

<center>标签的使用现已过时，我相信大多数浏览器都支持它，但它已被弃用，不建议在新网站中使用。

请阅读：

Mozilla Center Tag

而是使用CSS在父标记内居中，例如：

h3 { text-align: center; }

但是要小心，这会将您网站上的每个h3标记都集中在一起，因此最好添加一个与具有text-align: center属性的CSS类对应的类名

工作Code Pen

<center>标记无法正常工作

3 个答案: