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

text-align प्रॉपर्टी टेक्स्ट के अलाइनमेंट को सेट करती है: बाएं किनारे पर, दाएं किनारे पर, केंद्र में, बाएं और दाएं किनारों पर एक साथ।

सिंटैक्स

सेलेक्टर {
	text-align: center | left | right | justify | auto | start | end;
}

वैल्यूज

वैल्यू	विवरण
`center`	टेक्स्ट केंद्र में अलाइन होगा।
`left`	टेक्स्ट बाएं किनारे पर अलाइन होगा।
`right`	टेक्स्ट दाएं किनारे पर अलाइन होगा।
`justify`	टेक्स्ट एक साथ दाएं और बाएं किनारे पर अलाइन होगा।
`auto`	एलिमेंट का अलाइनमेंट नहीं बदलता (डिफॉल्ट वैल्यू)।
`start`	`left` के बराबर, अगर टेक्स्ट बाएं से दाएं जा रहा है, और `right`, जब टेक्स्ट दाएं से बाएं जा रहा है (अरबी भाषा आदि)।
`end`	`right` के बराबर, अगर टेक्स्ट बाएं से दाएं जा रहा है और `left`, जब टेक्स्ट दाएं से बाएं जा रहा है।

डिफॉल्ट वैल्यू: auto। ज्यादातर मामलों में डिफॉल्ट रूप से टेक्स्ट बाएं किनारे पर अलाइन होता है (अरबी भाषा में - दाएं किनारे पर)। हालांकि, कुछ अपवाद हैं, उदाहरण के लिए, th में टेक्स्ट केंद्र में अलाइन होगा।

उदाहरण . वैल्यू left

<p>
	some long text
</p>

p {
	text-align: left;
	width: 400px;
}

उदाहरण . वैल्यू right

<p>
	some long text
</p>

p {
	text-align: right;
	width: 400px;
}

उदाहरण . वैल्यू center

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: center;
}

उदाहरण . वैल्यू justify

<p>
	some long text
</p>

p {
	text-align: justify;
	width: 400px;
}