0

这是一个包含 4 列的下拉菜单。

在 div 中的第一列是“HOME”，我在一个 div 中有文本“HOME”

标签。

前任。<p style="text-align:center;"> HOME </p>

现在，如果我尝试<H2> </H2> 在 HOME 之间添加，它会取消 text-align:center 并仅使用 H2。

所以我需要在 css 中做些什么来保持 style="text-align:center 和 H2 相同

tag?....如果可能的话，因为我喜欢将 text-align:center 与 H2 保持在同一段落中的文本上

4

3 回答 3

1

首先：为什么在标题元素中需要一个段落？

标题元素旨在突出您网站的重要部分，即headings，并且也被搜索引擎索引。在此处阅读更多信息：http: //www.w3schools.com/html/html_headings.asp。虽然段落是较大的文本树干，并且会在paragraph（因为它是块元素）之前和之后添加一些空间，请在此处阅读更多内容：http: //www.w3schools.com/html/html_headings.asp。

要回答您的问题：

从语义上讲，标题内的段落或反转的段落是不正确的：即 

<!-- INCORRECT -->
<h2>
  <p>Your heading</p>
</h2>

您应该做的是直接设置标题元素的样式：

<!-- HTML -->
<h2>Your heading</h2>

/** CSS **/
h2 {
  text-align: center;
}

我也意识到之前已经回答过类似的问题：在 HTML5 的标题标签内包含段落元素是否有效（H1 内的 P）？

只是一点点的想法：你提到有一个 4 列的下拉列表。一个<h2>元素不会太大而不能放在下拉列表中吗？我立即想到最好使用粗体字体来突出显示该特定元素。但请注意，我对您的项目一无所知！:P

于 2016-08-30T07:28:44.627 回答
0

试试下面

<h2>
<p style="text-align:center;">HOME </p>
</h2>
于 2016-08-30T06:54:49.220 回答
0

你可以试试这个而不是内联css代码..尝试使用标签

<h2><center>HOME</center></h2>

于 2016-08-30T07:45:21.320 回答