css - How to arrange a under two others? -

css - How to arrange a <div> under two others? -

i'm trying implement <div> has 3 sub <div>'s (see image)

div1 has image within it, , it's height fixed .css like

.image_inside_div1 { height:6em; } .div1 { float:left; /* fits image */ } .div2 { width:50%; /* not great solution. how fill rest (remaining div1) of outerdiv's width? */ } .div3 { /*this primary question. how implement div3 ?*/ width:100%; position: ??? bottom: 0 ??? height: ??? }

thanks!

.div3 { /*this primary question. how implement div3 ?*/ width:100%; float: left; clear:both; }

css html alignment