The
text-indent
property is used to control the indentation of the first line of a block of text.
The possible values are.
Values | Description |
---|
<length> | (e.g. 2px, -1in, 1.2cm) |
<percentage> | (e.g. 10%, -20%) |
inherit | The 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 |