}

  div.bar
    {
      margin-bottom: 10%; /* 20px */
      margin-left: 25%; /* 50px */
      margin-right: 50%; /* 100px */
      margin-top: 2.5%; /* 5px ; collapses with hr's margin-bottom */
    }

  div#reference
    {
      margin-top: 1em;
    }
  ]]></style>
 </head>

 <body>

  <p>Test passes if there are 2 <strong>identical</strong> blue rectangles, each with 2 small yellow squares: the layout must be identical.</p>

  <div class="outer">
    <div class="inner foo"></div>
    <hr />
    <div cl