That said, how can we make the orange box show up again? Well, we can use clear to put it back into the normal flow. Does that sound like a plan?

<html>
 <head>
  <style>.box {width: 200px;height: 200px;}.blue { background: #44accf; }.green { background: #b7d84b; }.orange { background: #e2a741; }.pink { background: #ee3e64; }.floated { float: left; }.cleared { clear: left; }</style></head><body><div class="blue floated box"></div><div class="green floated box"></div><div class="orange cleared box"></div><div class="pink box"></div></body>
</html>
]]>

Sweet! By setting the clear property to left, we're telling the orange box that it needs to sit below any element that uses float: left.

Wouldn't a floated orange box make the pink box disappear?