Bectwarmtaw
New Member
I am trying to place two divs on the same line (preferably centered) inside a wrapper div. The code I have written works great in FF and IE10. Almost every version of IE <10 doesn't like it. Can anybody help, thanks!html:\[code\]<div id="home_wrapper"> <div id="links_location" class="shadow">content</div> <div id="iframe_location" class="shadow">content</div></div>\[/code\]css:\[code\]#home_wrapper { width: 100%; text-align: center; border: 1px solid blue; float:left;}#links_location, #iframe_location { display: inline-block; background-color:White; !important}#links_location { width:20%; height:400px; text-align:left; border: 1px solid red;}#iframe_location { height:400px; width:70%; border: 1px solid black;}\[/code\]jsfiddle JSFiddle