以HTML格式居中文本

Question

我一开始知道这似乎是一个非常愚蠢的问题,但我有充分的理由要求它.即使我可能只是被误导了.

对于EVER,我一直在使用<center>Text</center>标签使文本显示为水平居中.

显然,此标记已折旧,不再使用.所以我尝试过使用<p align="center">Text</p>虽然看起来很麻烦,但我已经读到它在所有浏览器中都不起作用.

最重要的是,当我<h#>在<p>标签中有标头标签时,还存在验证问题.

关键是,我想做到这一点,虽然中心标签是可以容忍的,但显然不是最好的方法.为什么它被折旧了？你有什么选择？老实说,我不知道从哪里开始.

PS问这个问题会让我内心死亡.

编辑::

即使在使用接受的答案时;

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

我无法<h>在<p>标签中居中标签.我已经尝试过并且<h# align="center">在所有浏览器中都无法使用,我尝试将样式应用于标头标签但无济于事.你怎么看？

Answer 1

需要在CSS中声明文本对齐方式.您可以在文件顶部的CSS部分,单独的文件或元素本身中执行此操作.最简单的方法是后者(注意这种方法通常不被认为是一种好的做法):

<p style="text-align: center">Text</p>

如果你想把它放在html文件的顶部,它看起来像这样:

<head>
<style type="text/css"> 
<!-- 
p.centered
{
  text-align:center;
}

--> 
</style>
</head>
<body>
...
  <p class="centered">Text</p>
</body>

最好的方法是使用包含CSS的单独CSS样式表.然后,在<head></head>html 的部分中添加指向CSS的链接:

<head>
<link href="path/to/file/name.css" rel="stylesheet" type="text/css" />
</head>

class ="center"不是一个好主意......你需要将"what"和"它看起来如何"区分开来.例如,这些是类名的糟糕选择:leftDiv blueBg borderRed这些会更好:标题标语导航external_link类应该指定"what",样式应该以那些为目标,并给出适当的CSS来设置它的样式. (9认同)