Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <style> | |
| 3 .columns { | |
| 4 height: 300px; | |
| 5 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.
| |
| 6 } | |
| 7 .dashed { | |
| 8 border: 10px dashed maroon; | |
| 9 width: 50%; | |
| 10 float: left; | |
| 11 box-sizing: border-box; | |
| 12 } | |
| 13 img { | |
| 14 float: right; | |
| 15 width: 100px; | |
| 16 height: 200px; | |
| 17 background-color: #cccccc; | |
| 18 margin-right: 10px; | |
| 19 } | |
| 20 </style> | |
| 21 <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 | |
| 22 block). The complete dashed border should be in the first column, with none of i t appearing in the second column.</p> | |
| 23 <div class="columns"> | |
| 24 <div class="dashed"> | |
| 25 This is some text.<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> | |
| 27 This is some text.<br>This is some text.<br>This is some text.<br> | |
| 28 This is some text.<br>This is some text.<br>This is some text.<br> | |
| 29 </div> | |
| 30 <img> | |
| 31 </div> | |
| OLD | NEW |