src/third_party/WebKit/LayoutTests/fast/css/vertical-lr-table-bfc-auto-margins-beside-float-expected.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     overflow: hidden;
  16     margin: 0 auto;
  17     background: blue;
  18 }
  19 </style>
  20 <p>This tests that auto margins in an empty table orthogonal to its containing block are calculated correctly.</p>
  21 <p>The auto margins should horizontally center the blue square in the orange rectangle.</p>
  22 <div id="container">
  23     <table id="vertical"></table>
  24 </div>