CSS Basic

CSS HOME
CSS Introduction
CSS Syntax
CSS Id & Class
CSS How To

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Lists
Styling Tables

CSS Box Model

CSS Box Model
CSS Border
CSS Outline
CSS Margin
CSS Padding

CSS Advanced

CSS Grouping/Nesting
CSS Dimension
CSS Display
CSS Positioning
CSS Floating
CSS Align
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Image Sprites
CSS Media Types
CSS Attribute Selectors
CSS Don't
CSS Summary

CSS Examples

CSS Quiz

CSS Quiz
CSS Exam

CSS References

CSS Reference
CSS Reference A to Z
CSS Reference Aural
CSS Web Safe Fonts
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS text-indent Property

Complete CSS Reference

Example

Indent the first line of paragraphs with 50 pixels:

p
{
text-indent:50px;
}

Try it yourself »

Definition and Usage

The text-indent property specifies the indentation of the first line in a text-block.

Note: Negative values are allowed. The first line will be indented to the left if the value is negative.

Default value:	not specified
Inherited:	yes
Version:	CSS1
JavaScript syntax:	object.style.textIndent="50px"

Browser Support

The text-indent property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Property Values

Value	Description
length	Defines a fixed indentation in px, pt, cm, em, etc.
%	Defines the indentation in % of the width of the parent element
inherit	Specifies that the value of the text-indent property should be inherited from the parent element

CSS tutorial: CSS Text

HTML DOM reference: textIndent property