OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <p>There should be a box with a rounded border and yellow background below. The
start should be in | 2 <p>There should be a box with a rounded border and yellow background below. The
start should be in |
3 the first column. The end should be in the third column.</p> | 3 the first column. The end should be in the third column.</p> |
4 <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:4
1em; height:10.5em; line-height:2em;"> | 4 <div style="-webkit-columns:3; -webkit-column-gap:1em; column-fill:auto; width:4
1em; height:10.5em; line-height:2em; orphans:1; widows:1;"> |
5 <br> | 5 <br> |
6 <div style="position:relative; overflow:hidden; border-radius:3em; border:1e
m solid black; padding:0 2em; background:yellow;"> | 6 <div style="position:relative; overflow:hidden; border-radius:3em; border:1e
m solid black; padding:0 2em; background:yellow;"> |
7 first column<br> | 7 first column<br> |
8 first column<br> | 8 first column<br> |
9 first column<br> | 9 first column<br> |
10 second column<br> | 10 second column<br> |
11 second column<br> | 11 second column<br> |
12 second column<br> | 12 second column<br> |
13 second column<br> | 13 second column<br> |
14 second column<br> | 14 second column<br> |
15 third column<br> | 15 third column<br> |
16 </div> | 16 </div> |
17 </div> | 17 </div> |
OLD | NEW |