| <html> | |
| <head> | |
| <style> | |
| div.box { | |
| height: 100px; | |
| width:100px; | |
| background-color:red; | |
| display: -moz-box; | |
| display: -webkit-box; | |
| display: box; | |
| position: relative; | |
| } | |
| div.block { | |
| width: 100px; | |
| height: 100px; | |
| bottom: 0px; | |
| right: 0px; | |
| background-color: green; | |
| position: absolute; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <p>You should see a 100x100 green square below. If you see any red, then the test has failed. This test is ensuring | |
| that boxes can act as containing blocks for positioned elements. | |
| </p> | |
| <div class="box"><div class="block"></div></div> | |
| </body> | |
| </html> |