将 <H2> 与我的文本 <p> 放在一起，同时使用 "text-align:center;" 设置样式不起作用

Question

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

第一列是 div 中的 "HOME"，我在

标签中有文本 "HOME"。

例如。 <p style="text-align:center;"> HOME </p>

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

我需要在 css 中做什么才能将 style="text-align:center 和 H2 保持在同一个

标签中？....如果可能的话，因为我喜欢在同一段落的文本上保持 text-align:center 和 H2

Answer 1

试试下面

<h2>
<p style="text-align:center;">HOME </p>
</h2>

Answer 2

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

标题元素旨在突出您网站的重要部分，即 headings，并且还会被搜索引擎编入索引。在这里阅读更多：http://www.w3schools.com/html/html_headings.asp. While paragraphs are larger trunks of text, and will add some space before and after the paragraph (since it's a block element) read more here: 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;
}

我也意识到之前已经回答过类似的问题：Is it valid to have paragraph elements inside of a heading tag in HTML5 (P inside H1)?

只是一个小小的想法：你提到有 4 列的 drop-down。 <h2> 元素不会太大而不能放在 drop-down 中吗？我立刻想到用粗体字体来突出那个特定的元素会更好。但请注意，我对您的项目一无所知！ :P

Answer 3

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

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

将 <H2> 与我的文本 <p> 放在一起，同时使用 "text-align:center;" 设置样式不起作用

Putting an <H2> with my text <p> while having it styled with "text-align:center;" don't work

html

css

text-styling