Chromium Code Reviews| 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 |