Concept

text-indent is a CSS property used to change the indentation of text within an HTML element. It determines the amount of space or size of the indentation horizontally.

The value of text-indent can be a number or can be set to different values:

• Positive number: Move the text to the right (indent).
• Negative number: Move the text to the left (outdent).

Usage

Example

HTML

<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Molestiae cum sunt vel harum numquam explicabo deleniti vitae natus facilis, repellat autem ex, laboriosam doloribus officia, earum eum. Inventore, tempore harum.</p>

CSS

p {
  text-indent: 50px;
}

Result:

Experience