Get the App
SLTechnology News&Howtos  ›  Development  › 

The method of setting the first line indentation in CSS

Shulou Source: shulou.com Published: 2022-06-01 13:07:54 11月12日 Update

This article mainly introduces the relevant knowledge of "the method of indenting the first line of CSS setting". The editor shows you the operation process through the actual case. The method of operation is simple and fast, and it is practical. I hope this article "the method of indenting the first line of CSS setting" can help you solve the problem.

Text-indent: sets the indentation of the first line of text in a text block (block-level element). Set the first line indentation through the property values of length and%. There is another way to indent, and that is em. Em is a unit of relative length, that is, the font size within the current object. For example, the first line is indented by two characters, namely 2em.

Related codes:

Indent the first line-(yisu.com) .demo {width: 400px; height: 200px;} .one {text-indent:36px } .two {text-indent:10%;} .three {text-indent:2em;}

Take the box wide 400px and high 200px as an example:

This is a test code for text-indent:36px. Let's see how the indentation works.

This is a test code for text-indent:10%. Let's see how the indentation works.

This is a test code for text-indent:2em. Let's see how the indentation works.

This is the end of the introduction to "the method of indenting the first line of CSS". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Tags: Methods code effects knowledge this is testing that is industry different practical two elements content units fonts characters practicality reality objects that is Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Huawei Shulou Tech Info vpn Xiaomi Linux