Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / float-paginate-empty-lines.html
blob20d4c7a089362583c20a5b20642adee4e260df29
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;
9 line-height: 20px;
11 .dashed {
12 border: 10px dashed maroon;
14 img {
15 float: right;
16 width: 100px;
17 height: 200px;
18 background-color: #cccccc;
20 </style>
21 <p>This test is ensuring we don't grow the height of a block improperly when a float 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 it 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 <img>
30 </div>
31 </div>