css text indent property tutorial

Css text-indent property is used to set white space befor any text. This property is helpful for generation of paragraph where we can set white space before starting of paragraph.

Css text-indent property can set follwing values

1. positive value in pixel this property value sets white space in pixel in right direction.

       Syntex :
       selector
       {
          text-indent:20px;
       }
       

2. negative value in pixel this property value sets white space in pixel in left direction.

       Syntex :
       selector
       {
          text-indent:-20px;
       }
       

3. positive value in percentage this property value sets white space in percentage in right direction

       Syntex :
       selector
       {
          text-indent:10%;
       }
       

4. negative value in percentage this property value sets white space in percentage in left direction

       Syntex :
       selector
       {
          text-indent:-20%;
       }
       

5. Click to practice online example