third_party/WebKit/LayoutTests/fast/css/vertical-lr-bfc-auto-margins-beside-float-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     width: 200px; height: 50px;
   5     background-color: orange;
   6     position: relative;
   7 }
   8
   9 .square {
  10     position: absolute;
  11     top: 0;
  12     left: 0;
  13     width: 50px;
  14     height: 50px;
  15     background-color: blue;
  16 }
  17
  18 .second {
  19     left: 100px;
  20 }
  21 </style>
  22 <p>You should see four equally sized squares below. Two blue, and two orange.</p>
  23 <div id="container">
  24     <div class="square"></div>
  25     <div class="second square"></div>
  26 </div>