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 marquee { border:2px solid green; margin: 0; white-space: normal; } |
6 </style> | 6 </style> |
7 </head> | 7 </head> |
8 <body> | 8 <body> |
9 The two divs below should be on the same line, since they are display: inline-bl
ock. | 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 The two marquees below should be on separate lines, since marquees fill the widt
h of a containing | 15 <p>The two marquees below should be on separate lines, since marquees fill the w
idth of a containing |
16 block by default. | 16 block by default.</p> |
17 | 17 |
| 18 <p>This test uses white characters to make the result image deterministic. |
| 19 (Otherwise, the result image changes depending on when the content_shell takes a
snapshot.) |
| 20 In order to run this test manually, change the color to black.</p> |
18 | 21 |
19 <span> | 22 <span> |
20 <marquee>This is div one.</marquee> | 23 <marquee><span style="color:white">This is div one.</span></marquee> |
21 <marquee>This is div two.</marquee> | 24 <marquee><span style="color:white">This is div two.</span></marquee> |
22 </span> | 25 </span> |
23 | 26 |
24 </body> | 27 </body> |
25 </html> | 28 </html> |
OLD | NEW |