Jesus Disciple
New Member
I have this layout:\[code\]<div id="container"><div id="left">LEFT</div><div id="mtop">MIDTOP</div><div id="mbotton">MIDBOT</div><div id="right">RIGHT</div><div id="botton">BOTTON</div></div> #container { height:200px; width:300px; vertical-align:middle; display:table-cell; background-color:yellow;}#left { height:100px; color:white; background-color:blue; font-size:20px; width:100px;}#right { height:100px; color:white; background-color:red; font-size:20px; width:100px;}#botton { height:20px; display: block; vertical-align: botton color:white; background-color:green; font-size:20px; width:100%;}#mtop { height:50px; color:white; background-color
range; font-size:20px; width:100px;}#mbotton { height:50px; color:white; background-color
ink; font-size:20px; width:100px;}#left, #right { display: inline-block; vertical-align: middle }#mtop, #mbotton { display: inline-block; vertical-align: top}\[/code\]Live Demo jsFiddleBut I need this layout
Thanks for help me.
range; font-size:20px; width:100px;}#mbotton { height:50px; color:white; background-colorink; font-size:20px; width:100px;}#left, #right { display: inline-block; vertical-align: middle }#mtop, #mbotton { display: inline-block; vertical-align: top}\[/code\]Live Demo jsFiddleBut I need this layout