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 |