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