table-visual-layout-004

Table row boxes are rendered in source order

WeasyPrint

This browser

Assertion
Table row boxes fill the table from top to bottom by the order they occur in the page source.

Source

 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: Table row boxes are rendered in source order</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-layout">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="Table row boxes fill the table from top to bottom by the order they occur in the page source.">
 9         <style type="text/css">
10             td
11             {
12                 border: 1px solid black;
13                 color: blue;
14                 font-size: 5em;
15             }
16         </style>
17     </head>
18     <body>
19         <p>Test passes if the boxes below are numbered one through five, from top-to-bottom.</p>
20         <table>
21             <tr>
22                 <td>1</td>
23             </tr>
24              <tr>
25                 <td>2</td>
26             </tr>
27              <tr>
28                 <td>3</td>
29             </tr>
30              <tr>
31                 <td>4</td>
32             </tr>
33              <tr>
34                 <td>5</td>
35             </tr>
36         </table>
37     </body>
38 </html>