सीएसएस टेक्स्ट अलाइन

टेक्स्ट समानांतर

text-align गुण का उपयोग टेक्स्ट के स्तरीय समानांतर को सेट करने के लिए है。

टेक्स्ट बाईं से दाईं की ओर, दाईं से बाईं की ओर या बीच में समानांतर हो सकता है。

नीचे दिए उदाहरण में बीच में और बाईं-दाईं में समानांतर टेक्स्ट को दिखाया गया है (यदि टेक्स्ट दिशा बाईं से दाईं की ओर है, तो डिफ़ॉल्ट बाईं से दाईं की ओर समानांतर होगा; यदि टेक्स्ट दिशा दाईं से बाईं की ओर है, तो डिफ़ॉल्ट दाईं से बाईं की ओर समानांतर होगा):

इनस्टैंस

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

स्वयं प्रयोग करें

जब text-align गुण विन्यास "justify" के रूप में सेट किया जाने पर, प्रत्येक पंक्ति को फैलाया जाता है, ताकि प्रत्येक पंक्ति की विस्तृति समान हो और बाईं-दाईं किनारा सीधे हो (जैसे कि पत्रिकाओं और समाचार पत्रों में):

इनस्टैंस

div {
  text-align: justify;
}

स्वयं प्रयोग करें

टैक्स्ट दिशा

direction और unicode-bidi एट्रिब्यूट एलिमेंट के लिए टैक्स्ट दिशा को बदल सकता है:

इनस्टैंस

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

स्वयं प्रयोग करें

वर्टिकल अलाइनमेंट

vertical-align एट्रिब्यूट एलिमेंट के वर्टिकल अलाइनमेंट को सेट करता है。

इस इनस्टैंस में टैक्स्ट में इमेज के वर्टिकल अलाइनमेंट को सेट करने के तरीके को दिखाया जाता है:

इनस्टैंस

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

स्वयं प्रयोग करें