table-margin-003

CSS Tables: Margins

WeasyPrint

This browser

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: CSS Tables: Margins</title>
 5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
 6   <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/table/006.html" type="text/html">
 7   <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties">
 8   <style type="text/css">
 9    * {
10      margin: 0;
11      padding: 0;
12      border: 0;
13      border-spacing: 0;
14    }
15    table {
16      margin-left: 1em;
17      margin-right: 19em;
18    }
19    div {
20      border: black solid;
21      width: 20em;
22      height: 10em;
23      font: 1em/1em monospace;
24      overflow: hidden;
25    }
26    span {
27      background: green;
28      color: white;
29      font-size: 0.9em;
30    }
31   </style>
32  </head>
33  <body>
34     <p> The word PASS should appear below. </p>
35     <div> <table> <tr> <td>
36 ~~~|~~~
37 ~~~|~~~
38 ~~~|~~~
39 ~~~|~~~
40 ~~~|~~~
41 \~~|~~/
42 \\~|~//
43 ~\\|//~
44 ~~\v/~~
45 <span>_PASS!__</span>
46     </td> </tr> </table> </div>
47  </body>
48 </html>