layout/reftests/margin-collapsing/table-caption-bottom-outside-2.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <style type="text/css">
     5 .block {
     6  height: 20px;
     7  background-color: green;
     8 }
     9 #table {
    10  display: table;
    11  margin: 10px 0;
    12 }
    13 #caption {
    14  display: table-caption;
    15  caption-side: bottom-outside;
    16  height: 20px;
    17  margin: 20px 0;
    18  background-color: blue;
    19 }
    20 #cell {
    21  display: table-cell;
    22  width: 100px;
    23  height: 20px;
    24  background-color: orange;
    25 }
    26 </style>
    27 </head>
    28 <body>
    29 <div class="block"></div>
    30 <div id="table">
    31  <div id="caption"></div>
    32  <div id="cell"></div>
    33 </div>
    34 <div class="block"></div>
    35 </body>
    36 </html>

mercurial