| <html> | |
| <head> | |
| <style type="text/css"> | |
| body {text-align:center;} | |
| body * { | |
| width: 80%; | |
| } | |
| body > div {background: blue;} | |
| body > div > div {background: red;} | |
| </style> | |
| </head> | |
| <!--A block with an inline display type inherits alignment from its parent. | |
| The red block should be centred.--> | |
| <body> | |
| <div style="position:relative;padding-bottom:200px;"> | |
| <div style="height: 100%;position:absolute; display: inline-block;"> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |