html - Aligning sections next to another -

html - Aligning sections next to another -

how align 2 sections next section has same height other 2 sections combined, without using float?

update: html looks this:

<div class="header-main"> <div class="header-left"> </div> <div class="header-right"> <div class="cont-top"> <div class="header-top-left"> </div> <div class="header-top-right"> </div> </div> <div class="header-bottom"> </div> </div> </div>

css this:

div.header-left { width:160px; height:182px; display:inline-block; } div.header-right { width:730px; height:182px; display:inline-block; vertical-align:top; } div.header-top { width:730px; height:125px; } div.header-top-left { width:340px; height:123px; display:inline-block; vertical-align:top; } div.header-top-right { display:inline-block; width:380px; height:123px; vertical-align:top; text-align:right; } div.header-bottom { width:730px; height:40px; }

seem work fine now. think easier command elements way utilize float.

any comments appreciated. hope may useful :).

is layout trying for?

### ### #1# ### ### ### #3# ### ### #2# ### ### ###

if flexbox or using inline-block tushar mentioned ... please consider how on mobile devices.

html css