एक पाठ क्षेत्र के लिए एक लेबल उसके आगे जाना है लेकिन केंद्र में गठबंधन खड़ी

Question

कृपया इस बेला पर एक नज़र डालें बनाओ हालांकि, मैं नीचे की बजाय, textarea के बगल में लेबल, या textarea के शीर्ष पर लेबल बनाना चाहता हूं, जैसे कि यह उस पहेली में है।

मैंने इसे vertical-align: middle पर सीएसएस सेट करने का प्रयास किया है लेकिन यह काम नहीं करता है। शीर्ष या मध्य में लेबल को गठबंधन करने के लिए मुझे क्या करना चाहिए?

धन्यवाद।

Answer 1

उपयोग vertical-align: middlehttp://jsfiddle.net/VxY6m/

क्योंकि खड़ी संरेखित करें लाइन के सापेक्ष होना - इस मामले में लेबल।

Answer 2

इस प्रयास करें:

<style> 
    label { 
     display: block; 
     float: left; 
     padding-top: 8px 
    } 
    textarea { 
     resize: none; 
     overflow-y: hidden;   
    } 
</style> 
<label for="FooText">Content:</label> 
<textarea id="FooText"></textarea> 

क्या मैंने किया था लेबल एक ब्लॉक तत्व बनाने के लिए और यह करने के लिए एक शीर्ष गद्दी लागू किया गया था। fiddle भी देखें। पाठ क्षेत्र पर