| <!DOCTYPE html><!-- webkit-test-runner [ LayoutFormattingContextEnabled=true InlineFormattingContextIntegrationEnabled=false ] --> | |
| <style> | |
| .clear_left { | |
| clear: left; | |
| width: 0px; | |
| height: 0px; | |
| } | |
| .previous_sibling { | |
| float: left; | |
| width: 100px; | |
| height: 100px; | |
| background-color: green; | |
| } | |
| .next_sibling { | |
| width: 100px; | |
| height: 100px; | |
| background-color: blue; | |
| } | |
| </style> | |
| <div class=previous_sibling></div> | |
| <div class=clear_left></div> | |
| <div class=next_sibling></div> |