OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>Nested spanning elements inside of an inline-block</title> | 4 <title>Nested spanning elements inside of an inline-block</title> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <div style="-webkit-column-count: 2"> | 7 <div style="-webkit-column-count: 2"> |
8 <div style="display: inline-block"> | 8 <div style="display: inline-block"> |
9 <p style="-webkit-column-span: all"> | 9 <p style="-webkit-column-span: all"> |
10 This text should not be spanned across two columns. | 10 This text should not be spanned across two columns. |
11 </p> | 11 </p> |
12 | 12 |
13 <p> | 13 <p> |
14 This text should be below the previous text, but still on the left. | 14 This text should be below the previous text, but still on the left. |
15 </div> | 15 </div> |
16 | 16 |
17 <span> | 17 <span> |
18 The beginning of this text should start next to or below the previous text, and
still in the left column. However, when made sufficiently longer than the previo
us block of text, it should spill into the right column instead of staying below
the block before it. | 18 The beginning of this text should start next to or below the previous text, and
still in the left column. However, when made sufficiently longer than the previo
us block of text, it should spill into the right column instead of staying below
the block before it. |
19 </span> | 19 </span> |
20 </div> | 20 </div> |
21 </body> | 21 </body> |
22 </html> | 22 </html> |
OLD | NEW |