| <!doctype html> | |
| <html> | |
| <head> | |
| <style type="text/css" media="screen"> | |
| #div1 | |
| { | |
| width: 150px; | |
| height: 150px; | |
| border:25px dotted; | |
| background-color: green; | |
| } | |
| #div2 | |
| { | |
| width: 100px; | |
| height: 100px; | |
| padding: 25px; | |
| background-color: blue; | |
| } | |
| #div3 | |
| { | |
| width: 100px; | |
| height: 100px; | |
| background-color: yellow; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| Test passes if the image below shows nested green, blue and yellow squares with a dotted black border. | |
| <div id="div1"><div id="div2"><div id="div3"></div></div></div> | |
| </body> | |
| </html> |