third_party/WebKit/LayoutTests/fast/css/vertical-lr-table-percent-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 #verticalTable {
  14     display: table;
  15     width: 50px; height: 50px;
  16     -webkit-writing-mode: vertical-rl;
  17     overflow: hidden;
  18     margin-left: 50%;
  19     background: blue;
  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 id="float"></div>
  25     <div id="verticalTable"></div>
  26 </div>