为什么还有一些额外的` `标签显示在Chrome的Elements检查器中？

Question

Why there is some extra  tags showing in the Elements inspector of Chrome? 为什么Chrome的Elements检查器中会显示一些额外的标记？

Here is a screenshot: 这是一个截图：

在此输入图像描述

Source code is like this; 源代码是这样的;

<div class="hint">
  <p><center class="hint-title">Tips</center></p>
</div>

Thanks for any kind of tips! 感谢您的任何提示！

Answer 1

It's adding extra tags because you are using an invalid tag <center> 它正在添加额外的标签，因为您使用的是无效标签<center>

<center></center> is not in HTML5.

To center text in the html code, use text-align: center; 要使html代码中的文本居中，请使用text-align：center; like this 像这样

 <p class="hint-title" style="text-align: center;">Tips</p>

To center text with classes in your css stylesheet do this 要使用css样式表中的类居中文本，请执行此操作

.hint-title { text-align: center; }

为什么还有一些额外的` <p></p> `标签显示在Chrome的Elements检查器中？