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.
<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>
<span class="only-content">Right Content</span>
Note: Cannot change the html hierarchy
Fiddle : https://jsfiddle.net/qgm9ynx2/3/