text-indent

Utilities for controlling the amount of empty space shown before text in a block.

Examples

Basic example

Use indent-<number> utilities like indent-2 and indent-8 to set the amount of empty space (indentation) that's shown before text in a block:

Using negative values

To use a negative text indent value, prefix the class name with a dash to convert it to a negative value:

Using a custom value

Responsive design