How to use text-indent in CSS

text-indent in CSS is very simple to use. The main thing is to look at the text-indent indentation syntax and structure. So let’s explain it to you and give a small case,

text-indent indentation syntax and structure

.div{text-indent:25px}

Here the text at the beginning of the first line of the paragraph in the divobject is indented by 25 pixels.

css text-indent text indent styleAttributeWord, text-indent value and number + unit form the indent style. Usually the text-indent indent property will indent the text at the beginning of the first line of the paragraph. If you use the html br line break tag, there will be no indentation effect starting from the second line break. If the html P paragraph tag is used for paragraph line wrapping, it will appear that the beginning of each p paragraph line break will be indented. Here we will demonstrate it through a case. We hope to master the CSS text-indent indentation style through the DIV case.

1. CSS code

.div{ text-indent:35px}
HTML代码片段
<div class="div"> 
<p>第一段开始缩进效果<br /> 
使用br标签的换行将不会缩进 
</p> 
<p>第二段使用p标签段落首行也会缩进<br /> 
第二行使用了br不会缩进<br /> 
第三行提行使用了br也不会缩进</p> 
</div>

First line paragraph text indent text-indent summary

We want to make the beginning of each paragraph indented, and we can control the indentation distance. Use text-indent to indent words. If I don’t want to use the text-indent style for indentation, I can use spaces to achieve it, but I need to type a few more html space characters " " to achieve space character placeholder indentation. You can learn more about html Multiple space characters are used.

updates on this site.

What is CSS

Several small functions made with pure CSS Example

Why sometimes DIV CSS fails to load

The above is the detailed content of How to use text-indent in CSS. For more information, please follow other related articles on the PHP Chinese website!