3blocks 100% width

by a1ex

HTML

<div id="left">
    <h2>Left Side</h2>
    <p>Content</p>
    <p>Content</p>
    <p>Content</p>
</div>
<div id="right">
    <h2>Right Side</h2>
    <p>Content</p>
    <p>Content</p>
    <p>Content</p>
</div>
<div id="container">
    <h1>Central</h1>
    <p>Content</p>
    <p>Content</p>
    <p>Content</p>
</div>

CSS

#container { 
    background:#EFEFEF; 
    margin: 0 200px;
    padding:10px;
}
#left {
    background:#36A6DE;
    float:left;
    width:180px;
    padding: 10px;
}
#right {
    background:#36A6DE;
    float:right;
    width:180px;
    padding: 10px;
}