How can I get the red box in the code below to display to the right of the first blue box, without putting the first two boxes in a separate div, if possible?

Code:
<div id="box1" style="float: left; margin-right: 10px; height: 200px; width: 200px; background-color: blue;">
</div>

<div id="box2"  style="float: left; margin-right: 10px; clear: left; height: 200px; width: 200px; background-color: blue;">
</div>

<div id="box3"  style="float: left; margin-right: 10px; height: 200px; width: 200px; background-color: red;">
</div>