| <!DOCTYPE html> |
| <style> |
| #float { |
| margin: 10px 0 0 10px; |
| height: 50px; |
| width: 50px; |
| float: left; |
| background-color: red; |
| } |
| #clear { |
| clear: left; |
| } |
| #one { |
| background-color: lightblue; |
| float: left; |
| } |
| #two { |
| background-color: lightgreen; |
| } |
| </style> |
| <div>This layout test checks that the offset positions of the blue and green divs does not change when the red div enters full-screen mode. Press <button>go full-screen</a> to begin.</div> |
| <div id="float"></div> |
| <div id="one">One</div> |
| <div id="clear"></div> |
| <span id="two">Two</span> |
| <div>END OF TEST</div> |