<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 a block display type does not inherit alignment from its parent.
    The red block should be aligned to the left.-->
 <body>
  <div style="position:relative;padding-bottom:200px;">
   <div style="height: 100%;position:absolute;">
   </div>
  </div>
 </body>
</html>