OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
| 3 body { overflow: hidden; } /* Disable auto-scrollbars, to hide crbug.com/534
751 */ |
3 .mc { -webkit-columns:2; -webkit-column-gap:20px; column-fill:auto; overflow
:hidden; width:520px; height:80px; font-size:12px; line-height:20px; background:
#ddd; } | 4 .mc { -webkit-columns:2; -webkit-column-gap:20px; column-fill:auto; overflow
:hidden; width:520px; height:80px; font-size:12px; line-height:20px; background:
#ddd; } |
4 table { border-spacing:5px; } | 5 table { border-spacing:5px; } |
5 td:first-child { width:30px; } | 6 td:first-child { width:30px; } |
6 td { padding:5px; } | 7 td { padding:5px; } |
7 .mc span { font-size:2em; line-height:30px; } | 8 .mc span { font-size:2em; line-height:30px; } |
8 </style> | 9 </style> |
9 | 10 |
10 <p>The big text should be in the first column, and baseline-aligned with the lin
e in its neighbor cell on the left:</p> | 11 <p>The big text should be in the first column, and baseline-aligned with the lin
e in its neighbor cell on the left:</p> |
11 <div class="mc"> | 12 <div class="mc"> |
12 <table> | 13 <table> |
(...skipping 68 matching lines...) Loading... |
81 line<br> | 82 line<br> |
82 line<br> | 83 line<br> |
83 line<br> | 84 line<br> |
84 </td> | 85 </td> |
85 <td> | 86 <td> |
86 <span>2nd column</span> | 87 <span>2nd column</span> |
87 </td> | 88 </td> |
88 </tr> | 89 </tr> |
89 </table> | 90 </table> |
90 </div> | 91 </div> |
OLD | NEW |