HTML|内联CSS-文本对齐方式

可以使用text-align属性设置文本的水平方向对齐方式

水平方向：

  • left左对齐
  • right右对齐
  • center居中对齐
  • justify两端对齐
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联CSS-文本对齐方式</title>
</head>
<body>

<!--
文本水平对齐方式：
使用style中的text-align属性
left左对齐
right右对齐
center居中
justify两端对齐
-->
<h1style="text-align:">标题1</h1>
<h1style="text-align:">标题2</h1>
<h1style="text-align:">标题3</h1>
<h1style="text-align:">标题4</h1>
<pstyle="text-align:">
  <img src="../resource/image/demo01.png">
</p>

<p>
  四种对齐方式如上四个标题分别为：left、right、center、justify
  <br>
  图片也是采用的center
</p>

</body>
</html>

效果：

HTML|内联CSS-文本对齐方式_html

也可以设置垂直方向等各种格式，等到CSS再更。

人生没有白走的路，每一步都算数！