| <html> | |
| <style> | |
| body { | |
| font-family: Roboto; | |
| font-size: 50px; | |
| font-weight: bold; | |
| color: white; | |
| } | |
| #green { | |
| background-color: green; | |
| margin-bottom: 50px; | |
| margin-top: 10px; | |
| } | |
| #blue { | |
| background-color: blue; | |
| margin-bottom: 50px; | |
| width: 50px; | |
| height: 50px; | |
| } | |
| #yellow { | |
| background-color: yellow; | |
| width: 50px; | |
| height: 50px; | |
| } | |
| </style> | |
| <body> | |
| <div id=green> | |
| <div id=blue></div> | |
| <span>Hello World</span> | |
| </div> | |
| <div id="yellow"></div> | |
| </body> | |
| </html> |