| <html> | |
| <head> | |
| <style> | |
| div.box { | |
| display: -moz-box; | |
| display: -webkit-box; | |
| display: box; | |
| height: 200px; | |
| width: 100px; | |
| background-color:green; | |
| } | |
| div.float { | |
| float: left; | |
| width: 100px; | |
| height: 200px; | |
| background-color: green; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <p>You should see a 200x200 green square below. If you see any red, the test has failed. | |
| This test is checking to make sure that boxes will shift to avoid floats that try to intrude into their space | |
| (just as tables do). | |
| </p> | |
| <div style="width:200px;height:200px;background-color:red"> | |
| <div class="float"> | |
| </div> | |
| <div class="box"></div> | |
| </div> | |
| </body> | |
| </html> |