html段落首行缩进

html-css026

html段落首行缩进,第1张

具体步骤如下所示:

1、在页面中创建两个p标签,在p标签中加入一段文字,为了能够很容易的看出效果,将p标签的长度设置为300px,如下图所示。

2、给p 标签添加text-indent属性,并将属性值设置为2em,em是一个相对单位,2em表示现在一个文字大小的两倍,也就是两个字符。

3、这样就首行缩进了,效果图如下所示一样。

CSS

提供了

text-indent

属性百,该属性可以方便地实现文本缩进。度

通过使用

text-indent

属性,所有元素的第版一行都可以缩进一个给定的长度,甚至该权长度可以是负值。

如:

text-indent:

2em

<p>测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本</p> p{text-align:right}

p:first-letter{margin-left:2em}

首行缩进2个文字,并且右对齐