| <!DOCTYPE html> |
| <title>CSS Reference</title> |
| <link rel="author" title="Sergio Villar Senin" href="mailto:svillar@igalia.com" /> |
| <style> |
| .box { |
| width: 100px; |
| height: 100px; |
| border: 1px solid black; |
| } |
| #green-square { |
| background: green; |
| margin-top: 40px; |
| width: 20px; |
| height: 20px; |
| } |
| #green-rectange { |
| background: green; |
| width: 60px; |
| height: 100px; |
| } |
| </style> |
| |
| <p>Test passes if there are a (vertically centered) 20x20 and a 60x100 green boxes enclosed on each 100x100 square.</p> |
| <div class="box"> |
| <div id="green-square"></div> |
| </div> |
| |
| <br> |
| |
| <div class="box"> |
| <div id="green-rectange"></div> |
| </div> |