OLD | NEW |
---|---|
1 <!DOCTYPE html> | |
2 <style> | |
3 .columns { | |
4 -webkit-column-count: 2; | |
5 -webkit-column-gap: 0px; | |
6 column-fill: auto; | |
7 height: 300px; | |
8 border: 2px solid black; | |
mstensho (USE GERRIT)
2014/11/06 14:23:47
Missing line-height here, or in .dashed.
andersr
2014/11/17 10:43:15
Done.
| |
9 } | |
10 .dashed { | |
11 border: 10px dashed maroon; | |
12 } | |
13 img { | |
14 float: right; | |
15 width: 100px; | |
16 height: 200px; | |
17 background-color: #cccccc; | |
18 } | |
19 </style> | |
1 <p>This test is ensuring we don't grow the height of a block improperly when a f loat has no line association (e.g., when it's at the end of a | 20 <p>This test is ensuring we don't grow the height of a block improperly when a f loat has no line association (e.g., when it's at the end of a |
2 block). The complete dashed border should be in the first column, with none of i t appearing in the second column.</p> | 21 block). The complete dashed border should be in the first column, with none of i t appearing in the second column.</p> |
3 | 22 <div class="columns"> |
4 <div style="-moz-column-width:300px; -webkit-column-width:300px; column-width:30 0px; column-fill:auto; height:400px"> | 23 <div class="dashed"> |
5 <div style="border:10px dashed maroon"> | 24 This is some text.<br>This is some text.<br>This is some text.<br> |
6 This is some text.<br> | 25 This is some text.<br>This is some text.<br>This is some text.<br> |
7 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br>This is some text.<br>This is some text.<br> | 26 This is some text.<br>This is some text.<br>This is some text.<br> |
8 This is some text.<br>This is some text.<br>This is some text.<br>This is some t ext.<br> | 27 This is some text.<br>This is some text.<br>This is some text.<br> |
9 This is some text.<br> | 28 <img> |
10 <img style="float:right;width:100px;height:200px;background-color:#cccccc"> | 29 </div> |
11 </div> | 30 </div> |
OLD | NEW |