html - CSS: Setting vertically in middle -


निम्नलिखित पर विचार करें:

  & lt; div class = "wrap" & gt; & Lt; div वर्ग = "बायां" & gt; & lt; / div & gt; & Lt; div वर्ग = "सही" & gt; & lt; / div & gt; & Lt; / div & gt;   

बाएं div में सही div से कम ऊंचाई है क्या मैं सही div के बीच में बायीं तरफ खड़ी कर सकता हूं? मैं मार्जिन-टॉप सेट नहीं कर सकता क्योंकि ऊंचाई भिन्न होती है।

यहां छवि विवरण दर्ज करें

यहाँ jsfiddle लिंक है:

हाय अब प्रदर्शित इनलाइन और वर्टिकल-संरेखित करें को दें और float

को इस तरह से हटाएं

  । लपेटें {अतिप्रवाह: छिपा हुआ; सीमा: 1px ठोस लाल; चौड़ाई: 250px; प्रदर्शन: तालिका; } .left {width: 100px; ऊँचाई: 50px; पृष्ठभूमि: पीला; display: inline-ब्लॉक; ऊर्ध्वाधर- align: मध्यम; } .right {width: 100px; ऊँचाई: 100px; पृष्ठभूमि: भूरे रंग; display: inline-ब्लॉक; ऊर्ध्वाधर- align: मध्यम; }   

लाइव डेमो

Comments

Popular posts from this blog

Python SQLAlchemy:AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

java - How not to audit a join table and related entities using Hibernate Envers? -

mongodb - CakePHP paginator ignoring order, but only for certain values -