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

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     width: 200px; height: 50px;
   5     background-color: orange;
   6 }
   7
   8 #float {
   9     float: left;
  10     width: 50px; height: 50px; background: blue;
  11 }
  12
  13 #vertical {
  14     width: 50px; height: 50px;
  15     -webkit-writing-mode: vertical-rl;
  16     overflow: hidden;
  17     margin: 0 auto;
  18     background: blue;
  19 }
  20 </style>
  21 <p>You should see four equally sized squares below. Two blue, and two orange.</p>
  22 <div id="container">
  23     <div id="float"></div>
  24     <div id="vertical"></div>
  25 </div>