Question

这是一个非常小的HTML问题，我相信你们会很快回答。我在网站上发布了这样的内容

<div id="content">
     <p>
          <hh>Header text here</hh>
          Post information here, text and stuff.
     </p>

     <p>
          <hh>Header 2 text here</hh>
          Post 2 information here, text and stuff.
     </p>
</div>

但是当我尝试插入<center>或左下标记时，<p>会自动关闭，<center>标记后面的所有内容都在段落框之外。我在firefox中使用了inspect-element，并且在调用居中文本之前，我可以看到它以我从未输入的</p>关闭。

例如：

<p>
     <hh>Header 2 text here</hh>
     Post 2 information here, text and stuff.
     <center>This text is centered</center>
</p>

呈现为：

<p>
     <hh>Header 2 text here</hh>
     Post 2 information here, text and stuff.
</p>
<center>This text is centered</center>
</p>

这真的令人沮丧，如果有人可以帮助我，那将是惊人的。使用<div align-right>也不起作用。如果它有帮助，我可以设置整个<p>以任何方式对齐并且它有效当我与该标签中的设定方向不同时，它才会中断。

Answer 1

来自w3school：

使用CSS来居中文字！

HTML5不支持该标记。改用CSS。

该元素在HTML 4.01中已弃用。

http://www.w3schools.com/tags/tag_center.asp

这是因为中心就像一个p。你不能把p放在p。

编辑：要回答你的评论，你应该这样做：

<p>
     <hh>Header 2 text here</hh>
     Post 2 information here, text and stuff.
     <span>This text is centered</span>
<p>

在你的CSS中加上这个

#content p span { display:block; text-align:center; }

（如果需要，它也适用于标签）

Answer 2

那可能是因为你不能在p-tag中使用hh-tag。（不确定，但这主要是）

在我的HTML网站上，为什么在段落标记中更改文本对齐会自动关闭在浏览器中呈现的段落标记？

2 个答案: