CSS - text-indent

Advertisements

Previous Page
Next Page  

Description

The text-indent property defines an indentation distance for the first line of text in a block-level element.

Possible Values

  • length − Any length value. Negative lengths are permitted for the property, and will produce a "hanging indent" effect.

  • percentage − The first line of text is indented by a distance relative to the width of the element's containing block.

Applies to

All the block-level elements.

DOM Syntax

object.style.textIndent = "20px";

Example

Following is the example which demonstrates how to indent the first line of a paragraph −

Live Demo 
<html>
   <head>
   </head>

   <body>
      <p style = "text-indent:1cm;">
         This text will have first line indented by 1cm 
      </p>
      
      <p style = "text-indent:1cm;">
         this line will remain at its actual position this is done by 
         CSS text-indent property.
      </p>
   </body>
</html>

This will produce following result −

Advertisements