CSS से टेक्स्ट इंडेंटेशन

text-indent प्रॉपर्टी

टेक्स्ट इंडेंटेशन के लिए CSS में text-indent प्रॉपर्टी का उपयोग करें। यह पैराग्राफ की पहली लाइन की इंडेंटेशन के लिए है।

उदाहरण 1: 30px इंडेंट

<!DOCTYPE html>
<html>
<head>
<style> div { text-indent: 30px; } </style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p>
</div>
</body>
</html>

आउटपुट

उदाहरण 2: 15em इंडेंट

<!DOCTYPE html>
<html>
<head>
<style> div { text-indent: 15em; } </style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. </p>
</div>
</body>
</html>

आउटपुट