div width responsive

by Justin Chen

HTML

<div class="left"></div>
<div class="middle">
<div class="content"></div>
</div>
<div class="right"></div>

CSS

html,body { height:100px; width:100%; margin:0; padding:0;}
.left { height:100px; width:100px; background:#CC3; float:left;}
.middle { margin:0 50px 0 100px;}
.middle .content { height:100px; width:100%; background:#F60; float:left;}
.right { height:100px; width:50px; background:#09F; float:left;}