<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
should find a way to wrap among all the floats without overlapping any of them.  It should
start just under the blue box and wrap to several lines.