Text Indentation

The text-indent property is used to control the indentation of the first line of a block of text.

The possible values are.

ValuesDescription
<length> (e.g. 2px, -1in, 1.2cm)
<percentage>(e.g. 10%, -20%)
inheritThe property is inherited from the parent


snippet
<html>
<head>
<style>
p {text-indent:50px;}
div {text-indent:-10%}
td {text-indent:3cm}
</style>
</head>
<body>
<p>This is a paragraph text</p>
<div>This is a text inside div</div>
<table>
<tr><th>Lorem Ipsum</th></tr>
<tr><td>optio neque cum aperiam adipisci minus atque corrupti</td></tr>
<tr><td>illo obcaecati dolore id perspiciatis</td></tr>
<tr><td>illum iusto perferendis ipsam harum ab libero</td></tr>
</table>
</body>
</html>

Output

This is a paragraph text

This is a text inside div
Lorem Ipsum
optio neque cum aperiam adipisci minus atque corrupti
illo obcaecati dolore id perspiciatis
illum iusto perferendis ipsam harum ab libero
Related Tutorial
1. Text
Follow Us
https://www.facebook.com/Rookie-Nerd-638990322793530 # # # # #