Compatibility
IE6
Syntax
<style> #box { background: #000; height: 100px; width: 200px; } #left { background: red; color: #fff; display: inline; /* for IE6 */ float: left; height: 50px; line-height: 50px; margin-left: 100px; text-align: center; width: 50px; } #right { background: red; color: #fff; display: inline; /* for IE6 */ float: right; height: 50px; line-height: 50px; margin-right: 100px; text-align: center; width: 50px; } </style>
<div id="box"> <div id="left">Left</div> <div id="right">Right</div> <div style="background: green; height: 50px; width: 50%;"></div> <div style="background: blue; height: 50px; width: 100%;"></div> </div>
Example
Left
Right