HTML तत्व में टेक्स्ट इंडेंट करने की आवश्यकता है? आप CSS का उपयोग करके अनुच्छेद की पहली पंक्ति को इंडेंट कर सकते हैं!
यहां बताया गया है कि आप यह कैसे कर सकते हैं:
टेक्स्ट-इंडेंट के साथ अनुच्छेद की पहली पंक्ति को इंडेंट करें
मान लें कि आपके पास इस तरह के पैराग्राफ में कुछ टेक्स्ट है:
<p class="indent">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa sit aperiam deserunt quae excepturi fugit, consequuntur cum corporis illum natus quibusdam quasi ab at. Laboriosam aperiam aut laborum animi soluta eligendi iste doloribus error, ex eius magnam? Aperiam illum nam cupiditate omnis. Repudiandae doloribus voluptatibus, animi quas incidunt eveniet fugiat!
</p>
आप CSS संपत्ति का उपयोग कर सकते हैं text-indent पहली पंक्ति को एक विशिष्ट लंबाई में इंडेंट करने के लिए:
p.indent {
text-indent: 30px;
}और यह इस तरह दिखेगा:
अन्य सीएसएस लंबाई गुणों की तरह, आप इसके लिए किसी भी इकाई का उपयोग कर सकते हैं। पिक्सल (पीएक्स), एम, रेम, सम प्रतिशत (%) इकाइयां काम करेंगी।
प्रतिशत जैसी सापेक्ष इकाई का उपयोग करने से वेबपेज की चौड़ाई के आधार पर इंडेंटेशन की मात्रा बदल जाएगी। वेबपेज जितना चौड़ा होगा, इंडेंट उतना ही बड़ा होगा।
आप एक नकारात्मक text-indent भी जोड़ सकते हैं मान यदि आप चाहें, तो पहली पंक्ति को बाईं ओर चिपका दें।
p.indent {
text-indent: -30px;
}यहां बताया गया है कि एक पैराग्राफ में नेगेटिव इंडेंट कैसा दिखेगा:
मार्जिन-लेफ्ट का उपयोग करें यदि आप चाहते हैं कि पूरे पैराग्राफ को शिफ्ट किया जाए दाईं ओर
यदि आप चाहते हैं कि केवल पहली पंक्ति ही नहीं, बल्कि पूरे अनुच्छेद को स्थानांतरित किया जाए, तो आप margin-left का उपयोग कर सकते हैं संपत्ति।
p.shifted {
margin-left: 30px;
}यहाँ यह कैसा दिखेगा। पहले पैराग्राफ को स्थानांतरित नहीं किया गया है, और दूसरा पैराग्राफ है:
