OLD | NEW |
1 <html> | 1 <html> |
2 <body> | 2 <body> |
3 The two blue boxes should be aligned.<br> | 3 THIS TEST'S RESULTS ARE NOT CORRECT, SINCE INLINE TABLES ARE NOT |
4 The two red boxes should be aligned.<br> | 4 BASELINE-ALIGNING PROPERLY, AND WHEN THEY DO, THE FIRST ROW WILL BE |
5 The text in the blue boxes should be on the same line.<br> | 5 USED. |
6 The text in the red boxes should be on the same line.<br> | 6 <br> |
7 The top of the first red box should line up with the bottom of the second last l
ine of the last blue box.<br> | 7 <p style="margin:0;display:inline-block;border:2px solid blue;">This text<br>Thi
s text</p> |
8 <p style="margin:0;display:inline-block;border:2px solid blue;">All on the<br>Al
l on the<br>All on the<br>All on the</p> | |
9 <p style="margin: 0; border: 2px solid blue; display:inline-block"> | 8 <p style="margin: 0; border: 2px solid blue; display:inline-block"> |
10 <span style="display:block">same line.<br>same line.<br>same line.<br>same line.
</span></p> | 9 <span style="display:block">should all be<br>should also all be</span></p> |
11 <table style="margin: 0; display: inline-table; border:2px solid red" cellpaddin
g=0 cellspacing=0> | 10 <table style="margin: 0; display: inline-table; border:2px solid blue" cellpaddi
ng=0 cellspacing=0> |
12 <tr><td>All on the | 11 <tr><td>on the |
13 <tr><td>All on the | 12 <tr><td>on the |
14 <tr><td>All on the | |
15 <tr><td>All on the | |
16 </table> | 13 </table> |
17 <table style="margin: 0; display: inline-table; border:2px solid red" cellpaddin
g=0 cellspacing=0> | 14 <table style="margin: 0; display: inline-table; border:2px solid blue" cellpaddi
ng=0 cellspacing=0> |
18 <tr><td>same line. | |
19 <tr><td>same line. | |
20 <tr><td>same line. | 15 <tr><td>same line. |
21 <tr><td>same line. | 16 <tr><td>same line. |
22 </table> | 17 </table> |
23 </body> | 18 </body> |
24 </html> | 19 </html> |
OLD | NEW |