इनलाइन-ब्लॉक

Question

का उपयोग करके दो divs पर लंबवत-संरेखित लागू करना तो मेरे पास कुछ डीआईवी हैं। संरचना इस

<div id="content"> 
     <div id="lcol">some content</div> 
     <div id="lcol">some<br />content</div> 
    </div> 

है और मेरी समस्या यह है कि दो divs अलग ऊंचाई के हैं। मैं 'lcol' के लिए display:inline-block का उपयोग कर रहा हूं, जबकि 'सामग्री' केवल एक नियमित div है। दो लॉक divs वास्तव में पक्ष के साथ दिखाते हैं, लेकिन वे div के तल पर लंगर रहे हैं। मैं उन्हें div के शीर्ष पर गठबंधन करना चाहता हूं। मैंने vertical-align:top को 'सामग्री' में जोड़ने का प्रयास किया लेकिन कुछ भी नहीं हुआ।

कोई विचार?

JsFiddle: http://jsfiddle.net/qxe8h/1/

Answer 1

ऊर्ध्वाधर- align दें: आपके इनलाइन-ब्लॉक तत्वों के लिए शीर्ष। इस तरह लिखें:

#lcol {vertical-align:top;} 

चेक इस http://jsfiddle.net/qxe8h/2/