OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 div{ display: inline-block; border:2px solid blue; width:300px; } | 4 div{ display: inline-block; border:2px solid blue; width:300px; } |
5 marquee { border:2px solid green; margin: 0; white-space: normal; } | 5 block { border:2px solid green; margin: 0; white-space: normal; display: inline-
block; width: 100% } |
6 </style> | 6 </style> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 <p>The two divs below should be on the same line, since they are display: inline
-block.</p> | 9 <p>The two divs below should be on the same line, since they are display: inline
-block.</p> |
10 | 10 |
11 <center> | 11 <center> |
12 <div>This is div one.</div><div>This is div two.</div> | 12 <div>This is div one.</div><div>This is div two.</div> |
13 </center> | 13 </center> |
14 | 14 |
15 <p>The two marquees below should be on separate lines, since marquees fill the w
idth of a containing | 15 <p>The two divs below should be on separate lines, since they are wrapped in ele
ments |
16 block by default.</p> | 16 with width: 100%.</p> |
17 | 17 |
18 <p>This test uses white characters to make the result image deterministic. | 18 <block><div>This is div one.</div></block> |
19 (Otherwise, the result image changes depending on when the content_shell takes a
snapshot.) | 19 <block><div>This is div two.</div></block> |
20 In order to run this test manually, change the color to black.</p> | |
21 | |
22 <span> | |
23 <marquee><span style="color:white">This is div one.</span></marquee> | |
24 <marquee><span style="color:white">This is div two.</span></marquee> | |
25 </span> | |
26 | 20 |
27 </body> | 21 </body> |
28 </html> | 22 </html> |
OLD | NEW |