| <!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> |
