1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Multiple table footer groups</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display">
7 <meta name="flags" content="">
8 <meta name="assert" content="A table containing multiple table-footer-group elements only uses the first one as its footer and treats the others as table row groups.">
9 <style type="text/css">
10 .table
11 {
12 display: table;
13 }
14 .tfoot
15 {
16 display: table-footer-group;
17 }
18 .tbody
19 {
20 display: table-row-group;
21 }
22 .tr
23 {
24 display: table-row;
25 }
26 .td
27 {
28 border: 1px solid black;
29 color: blue;
30 display: table-cell;
31 font-size: 3em;
32 width: 1em;
33 }
34 </style>
35 </head>
36 <body>
37 <p>Test passes if from top-to-bottom, the boxes are labeled one through six.</p>
38 <div class="table">
39 <div class="tbody">
40 <div class="tr">
41 <div class="td">1</div>
42 </div>
43 </div>
44 <div class="tfoot">
45 <div class="tr">
46 <div class="td">6</div>
47 </div>
48 </div>
49 <div class="tfoot">
50 <div class="tr">
51 <div class="td">2</div>
52 </div>
53 </div>
54 <div class="tbody">
55 <div class="tr">
56 <div class="td">3</div>
57 </div>
58 </div>
59 <div class="tfoot">
60 <div class="tr">
61 <div class="td">4</div>
62 </div>
63 </div>
64 <div class="tbody">
65 <div class="tr">
66 <div class="td">5</div>
67 </div>
68 </div>
69 </div>
70 </body>
71 </html>