1 <body style=
"height:300px"><div style=
"float:left;width:50%;background-color:green;height:100px"></div><div style=
"float:left;width:100px;background-color:purple;height:100px"></div><div style=
"float:right;width:200px;background-color:orange;height:500px"></div><div style=
"float:right;width:100px;background-color:blue;height:50px"></div><div style=
"float:left;width:10em;background-color:red;height:200px"></div><div style=
"float:right;width:100px;background-color:olive;height:100px"></div>Some text. This
2 should find a way to wrap among all the floats without overlapping any of them. It should
3 start just under the blue box and wrap to several lines.