CSS Text-Indent Property

In this chapter you will learn:
About text-indent property
Example of this property

Text-indent property is used to specify that how much space should be moved by the text in the first line. This property clear space horizontally from left to right in the first line of the element. You can set the value of this property in px, cm, pt, em etc. It can also accept negative value so if you set the value as negative then it will indent to the left.

Example of this property 

<html>
<head>
    <title>Example of text-indent property</title>
    <style type="text/css">        
       #a
       {
            text-indent:100px;
       }        
            
           
    </style>
    </head>
<body>
<p> This is the example of text-indent property</p>
<p id="a"> This is the example of text-indent property</p>
</body>
</html>
Guide:-

In the given program there is two paragraph in which the first paragraph has not used the property text-indent but the second has used so the output of both paragraphs is different.


Output:-
example of text-indent property
SUMMARY

In this chapter,, you have learned about the text-indent property of CSS so if you want to know about some other properties of CSS then click on Next button-

 

Share your thought