टेक्स्ट-संरेखण: दाएं; <label>

Question

के लिए काम नहीं कर रहा है बस पर्याप्त है कि मैं <label> तत्व में दाईं ओर संरेखित करने के लिए पाठ नहीं प्राप्त कर सकता।

एचटीएमएल

<div id="contact_form"> 
<label for="name" id="name_label">Name:</label> 
</div> 

सीएसएस

#contact_form label { 
    text-align: right; 
} 

मेरे पेज: http://freshbeer.lv/development/en/contact.php

आप का नाम, फोन, ईमेल आदि के लिए लेबल देख सकते हैं ... करने के लिए गठबंधन कर रहे हैं बाएं, लेकिन मुझे उन्हें दाईं ओर गठबंधन करने की आवश्यकता है, तो क्या कोई भी कुछ सुझाव दे सकता है?

Answer 1

Label एक इनलाइन तत्व है - इसलिए, जब तक कि चौड़ाई परिभाषित न हो, इसकी चौड़ाई सटीक वही होती है जो अक्षरों की अवधि होती है। आपका div तत्व एक ब्लॉक तत्व है इसलिए इसकी चौड़ाई डिफ़ॉल्ट रूप से 100% है।

आप अपने मामले में div तत्व पर text-align: right; जगह करना होगा, या अपने label

एक अन्य विकल्प के लिए display: block; लागू करने के लिए प्रत्येक लेबल के लिए एक चौड़ाई सेट और फिर text-align उपयोग करने के लिए है। इसका उपयोग करके display: block विधि आवश्यक नहीं होगी।

Answer 2

आप लेबल्स सहित किसी भी तत्व के अंदर दाईं ओर एक टेक्स्ट संरेखित कर सकते हैं।

एचटीएमएल:

<label>Text</label> 

Css:

label {display:block; width:x; height:y; text-align:right;} 

इस तरह, आप अपने लेबल के लिए एक चौड़ाई और ऊंचाई देने के लिए और के अंदर यह सही करने के लिए संरेखित किसी भी पाठ करते हैं।