HTML में टेक्स्ट को कैसे केंद्र करें

HTML का उपयोग करके पाठ को केंद्र में रखने के लिए, आप इसका उपयोग कर सकते हैं CSS संपत्ति को टैग या उपयोग करें। आगे बढ़ने के लिए, आपके द्वारा पसंद किए गए विकल्प का चयन करें और निर्देशों का पालन करें।

  • टैग का उपयोग करना।
  • स्टाइल शीट प्रॉपर्टी का उपयोग करना।

पाठ को केंद्रित करने का एक तरीका यह है कि इसे टैग के भीतर संलग्न किया जाए। निम्नलिखित बॉक्स में एक उदाहरण है।

 इस पाठ को केंद्र करें! 

इस पाठ को HTML कोड में सम्मिलित करने से निम्नलिखित परिणाम प्राप्त होंगे:

इस पाठ को केंद्र करें!

ध्यान दें टैग अब पदावनत माना जाता है। हालांकि यह अभी भी काम कर सकता है, लेकिन इसे सीएसएस का उपयोग करने के पक्ष में हटाए जाने की उम्मीद है। हम आपको HTML में केंद्र पाठ के लिए शैली पत्रक विधि (नीचे दिखाया गया है) का उपयोग करने की सलाह देते हैं।

स्टाइल शीट प्रॉपर्टी का उपयोग करना

आप केंद्रित किए जाने वाले तत्व की टेक्स्ट-संरेखित संपत्ति को निर्दिष्ट करके सीएसएस के साथ पाठ को केंद्र में रख सकते हैं।

पाठ के कुछ ब्लॉक केंद्रित करना

यदि आपके पास पाठ के केवल एक या कुछ ब्लॉक हैं, जिसे आपको केंद्र में रखने की आवश्यकता है, तो आप तत्व के शुरुआती टैग में शैली विशेषता जोड़कर और संपत्ति का चयन करके "पाठ-संरेखित कर सकते हैं।" नीचे दिए गए उदाहरण में, हमने उन्हें जोड़ा है

टैग:

इस पाठ को केंद्र करें!

ध्यान दें कि "पाठ-संरेखित" संपत्ति का मान "केंद्र" पर सेट किया गया था जो इंगित करता है कि तत्व केंद्रित होना है।

पाठ के कई ब्लॉक

यदि आपके पास पाठ के कई ब्लॉक हैं जिन्हें आप केंद्र में रखना चाहते हैं, तो आप पृष्ठ के मुख्य भाग में या किसी बाहरी शैली की शीट में सीएसएस के अंदर टैग का उपयोग कर सकते हैं। नीचे दिए गए सभी पाठ को कैसे सेट करें, इसके लिए नीचे दिए गए उदाहरण कोड को देखें

टैग केंद्रित होना।

 p {पाठ-संरेखण: केंद्र} 

पाठ पृष्ठ पर टैग के हर सेट के भीतर केंद्रित होगा। यदि आप कुछ अनुच्छेदों को केन्द्र में रखना चाहते हैं, जबकि अन्य नहीं हैं, तो आप नीचे दिए गए कोड में देखा गया एक शैली वर्ग बना सकते हैं।

 .केंटर {पाठ-संरेखण: केंद्र} 

यदि आप एक केंद्र वर्ग बना रहे हैं, जैसा कि ऊपर दिए गए उदाहरण में दिखाया गया है, तो नीचे दिए गए कोड का उपयोग करके एक पैराग्राफ केंद्रित किया जा सकता है, जो केंद्र बिंदु को "कॉल" करता है:

इस पाठ को केंद्र करें!

टिप: एक बार एक क्लास बन जाने के बाद, इसे किसी भी HTML टैग पर लागू किया जा सकता है। उदाहरण के लिए, यदि आप शीर्षक को केंद्रित करना चाहते हैं, तो आप वर्ग = "केंद्र" को जोड़ सकते हैं

या कोई अन्य शीर्षक टैग।