Published Jul 23, 2021Updated Oct 31, 2022
Contribute to Docs

The text-indent leaves empty space on the first line in a text-block.


text-indent: <value>;

The amount of indentation can be specified by using percentages or length values (px, em, etc.).

Example 1

Specifying indentation length with percentages:

p {
text-indent: 20%;

Example 2

Specifying indentation length with px and em values:

.div1 p {
text-indent: 50px;
.div2 p {
text-indent: 2em;

All contributors

Looking to contribute?

Learn CSS on Codecademy