OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <script src="../../resources/ahem.js"></script> |
| 3 <p>There should be 5 short vertical lines below.</p> |
| 4 <div style="columns:6; column-gap:2px; column-rule:2px solid; width:250px; font:
20px/14px Ahem;"> |
| 5 <!-- We set a 20px tall font and a line height of 14px, so that text will ov
erflow their line |
| 6 boxes. We thus get 6px of overflow, and the text will overflow the line
equally above and |
| 7 below the line box, so that we have 3px on each side. The 3px of overfl
ow below the lines |
| 8 needs to be counted as space shortage by the column balancer, or it wil
l erroneously |
| 9 stretch the columns so much that two lines of text will fit in each col
umn, leaving empty |
| 10 columns at the end. Which would be silly, given that we have 6 lines of
equal height and 6 |
| 11 columns. --> |
| 12 |
| 13 <br> |
| 14 <br> |
| 15 <br> |
| 16 <br> |
| 17 <br> |
| 18 <br> |
| 19 </div> |
OLD | NEW |