To indent your paragraphs without having to use preformatted HTML tags or inserting spaces manually,CSS text-indent is used . You may define your indendation with percentages or exact values. We recommend using exact values.
CSS Code
p { text-indent: 30px; }
h1 { text-indent: 30%; }
O/P:
This is a paragraph that uses a text indentation with the value of 20px. This is the recommended usage of text indentation.
This is a header that uses a text indentation of 30%. Tizag does not recommend indenting your text with percentages.
Text Align
Like most literature,the default text-align setting is to the left and other forms of media that you read. However, sometimes you may require a different alignment and it can be specified using the text-align attribute.
CSS Code
p { text-align: right; }
h1{ text-align: justify;}
Text Transform
To modify the capitalization of your text,Text-transform is used.
To prevent text from wrapping until you place a break <br /> into your text,the white-space attribute is used .
CSS Code
p { white-space: nowrap; }
CSS Word Spacing
You are able to specify the exact value of the spacing between your words, with the use of CSS attribute word-spacing . Word-spacing should be defined with exact values.
CSS Code
p { word-spacing: 20px; }
CSS Letter Spacing
You are able to specify the exact value of the spacing between your letters,with the CSS attribute letter-spacing. Letter-spacing should be defined with exact values.
CSS Code
p { letter-spacing: 5px; }
Share And Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.
Keywords:
css text decoration, css text align, css text shadow, css text color,
css text decoration underline, css text wrap
