third_party/WebKit/LayoutTests/fast/css/vertical-lr-table-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>This tests that auto margins in an empty table orthogonal to its containing block are calculated correctly.</p>
  22 <p>The auto margins should horizontally center the blue square in the orange rectangle.</p>
  23 <div id="container">
  24     <table id="vertical"></table>
  25 </div>