¿Cómo diseñar las columnas izquierda/derecha de divs?

lt;htmlgt;

lt;headgt;

lt;style?type="text/css"gt;

div{margen: 0; relleno: 0}

#container{ancho: 800px; alto: 500px; borde: 1px?solid?#ccc;}

#contenedor?.box1{ancho: 380px; alto: 500px; flotante: ?izquierda; fondo: rojo;}

#container?.box2{margin-left: ?40px; :500px; float:?izquierda; fondo:?verde;}

lt;/stylegt;

lt;/headgt;

lt;bodygt;

lt;div?id="contenedor"gt;

lt;div?class="box1"gt;lt;/divgt;

lt; ?