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

最新推荐文章于 2024-06-24 12:18:51 发布

Alan_Lowe

最新推荐文章于 2024-06-24 12:18:51 发布

阅读量705

点赞数 1

分类专栏： # HTML # CSS 文章标签： css html

本文链接：https://blog.csdn.net/qq_45985728/article/details/119045540

版权

CSS 同时被 2 个专栏收录

30 篇文章

订阅专栏

HTML

26 篇文章

订阅专栏

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两端对齐
-->
<h1 style="text-align: left">标题1</h1>
<h1 style="text-align: right">标题2</h1>
<h1 style="text-align: center">标题3</h1>
<h1 style="text-align: justify">标题4</h1>
<p style="text-align: center">
  <img src="../resource/image/demo01.png">
</p>

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

</body>
</html>