<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true InlineFormattingContextIntegrationEnabled=false ] -->
<style>
div {
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-color: green;
}
.float {
  background-color: blue;
  width: 20px;
  height: 20px;
}
</style>
<div>
  <div class=float style="float: left;"></div>
  <div class=float style="float: left; clear: left"></div>
</div>
<div>
  <div class=float style="float: right;"></div>
  <div class=float style="float: right; clear: right"></div>
</div>
<div>
  <div class=float style="float: right;"></div>
  <div class=float style="float: left; clear: right"></div>
</div>
<div>
  <div class=float style="float: left;"></div>
  <div class=float style="float: right; clear: left"></div>
</div>
<div>
  <div class=float style="float: left;"></div>
  <div class=float style="float: right; clear: right"></div>
</div>
<div>
  <div class=float style="float: right;"></div>
  <div class=float style="float: left; clear: left"></div>
</div>
