如何在HTML中居中文本

在HTML文档中，可以使用<centre> HTML标签水平居中文本。由于HTML5不再支持此标签，建议您使用CSS的text-align属性来水平格式化文档的文本。<centre>元素是此标签的另一个名称。

注意 -在HTML5中不支持该功能。

语法

<p><center> ... </center></p>

以下是示例…

示例

在下面的示例中，我们使用<center>标签将文本居中对齐。

<!DOCTYPE html>
<html>
   <body>
      <p><center>Welcome to TutorialsPoint</center></p>
      <p>The Best E-Way learning.</p>
   </body>
</html>

输出

执行上述脚本后，文本“欢迎来到教程点”将显示在我们网页的中间。

示例：使用CSS

在下面的示例中，我们使用CSS样式（text-align:center）使文本显示在中心位置。

<!DOCTYPE html>
<html>
   <style>
      h1 {text-align: center;}
      p {text-align: center;}
      div {text-align: center;}
   </style>
   <body>
      <h1>TUTORIALSPOINT</h1>
      <p>The E-Way Learning.</p>
      <div>Welcome To Tutorials.</div>
   </body>
</html>