Home 2 spans in left and 1 at right, right span to be aligned at bottom of left top span (mobile devices only)
Reply: 0

2 spans in left and 1 at right, right span to be aligned at bottom of left top span (mobile devices only)

Anurag Mahato
1#
Anurag Mahato Published in 2018-02-14 10:16:21Z

I have 2 divs in left and 1 in right. The whole right div has to be aligned to the baseline of the left top div. Whatever might be the height of the left top div, the right div always has to be aligned to the bottom. The requirement is only for mobile devices.

HTML:

<div class="wrapper">
    <div class="left-content">
        <span class="top-content">Top Content contains some external code which can span many lines.</span><br>
        <span class="bottom-content">Bottom Content contains some confidential code, which also spans many lines.<span>
    </div>
    <div class="right-content">
        <span class="only-content">Right Content</span>
    </div>
</div>

Note: Cannot change the html hierarchy

Fiddle : https://jsfiddle.net/qgm9ynx2/3/

You need to login account before you can post.

About| Privacy statement| Terms of Service| Advertising| Contact us| Help| Sitemap|
Processed in 0.302247 second(s) , Gzip On .

© 2016 Powered by mzan.com design MATCHINFO