third_party/WebKit/LayoutTests/fast/table/vertical-align-baseline-readjust.html

   1 <html>
   2 <head>
   3         <style type="text/css">
   4         html {
   5                 height: 100%;
   6                 width: 100%;
   7                 overflow: hidden;
   8         }
   9
  10         body {
  11                 display: table;
  12                 border: none;
  13                 border-spacing: 0;
  14                 margin: 0;
  15                 height: 100%;
  16                 width: 100%;
  17                 background-color: red;
  18         }
  19
  20         .body {
  21                 display: table-row;
  22                 border: none;
  23         }
  24
  25         .body > div {
  26                 display: table-cell;
  27                 border: none;
  28                 height: 100%;
  29                 width: 50%;
  30                 background-color: red;
  31         }
  32
  33         div.cell1 {
  34                 border: none;
  35                 height: 100%;
  36                 width: 100%;
  37                 background-color: green;
  38         }
  39
  40         div.cell2 {
  41                 border: none;
  42                 height: 50%;
  43                 width: 100%;
  44                 background-color: green;
  45         }
  46         </style>
  47 </head>
  48 <body>
  49 <div style="position:absolute;right:0;top:0;width:50%;height:50%;background-color:green"></div>
  50 <div class="body"><div><div class="cell1"></div></div><div><div class="cell2"></div></div></div>
  51 </body>
  52 </html>