OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <title>CSS Test: Inline-table</title> | |
4 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> | |
5 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-disp
lay"> | |
6 <meta name="flags" content=""> | |
7 <meta name="assert" content="An element with 'display: inline-table' is
rendered as if it were an inline."> | |
8 <style type="text/css"> | |
9 #table | |
10 { | |
11 background: orange; | |
12 display: inline-table; | |
13 } | |
14 #div | |
15 { | |
16 background: orange; | |
17 display: inline-block; | |
18 height: 1in; | |
19 width: 1in; | |
20 } | |
21 #div2 | |
22 { | |
23 height: 1in; | |
24 width: 1in; | |
25 } | |
26 #row | |
27 { | |
28 display: table-row; | |
29 } | |
30 #cell | |
31 { | |
32 display: table-cell; | |
33 height: 1in; | |
34 width: 1in; | |
35 } | |
36 </style> | |
37 </head> | |
38 <body> | |
39 <p>Test passes if the "Filler Text" below is all on the same line.</p> | |
40 <div> | |
41 <span>Filler Text</span> | |
42 <div id="table"> | |
43 <div id="row"> | |
44 <div id="cell">Filler Text</div> | |
45 </div> | |
46 </div> | |
47 </div> | |
48 </body> | |
49 </html> | |
OLD | NEW |