table-anonymous-block-018

The anonymous block box around a table and the table 'margin-right' property

WeasyPrint

This browser

Assertion
The 'margin-right' property of a table is actually applied to its anonymous block box.

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: The anonymous block box around a table and the table 'margin-right' property</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#model">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="The 'margin-right' property of a table is actually applied to its anonymous block box.">
 9         <style type="text/css">
10             table
11             {
12                 border-spacing: 0;
13                 display: inline-table;
14                 margin-right: 50px;
15             }
16             caption, td
17             {
18                 background: blue;
19                 color: blue;
20             }
21             td
22             {
23                 padding: 0;
24             }
25             div
26             {
27                 background: orange;
28                 display: inline-block;
29                 height: 50px;
30                 width: 50px;
31             }
32         </style>
33     </head>
34     <body>
35         <p>Test passes if there is a single blue box and orange square below, and the space between them is the same width as the orange square.</p>
36         <table>
37             <caption>XXXXXXXXX0</caption>
38             <tr>
39                 <td>XXXXXXXXX0</td>
40             </tr>
41         </table>
42         <div></div>
43     </body>
44 </html>