Column-fill: balance Example 26 with 2 line boxes and without orphans: 1 and without widows: 1

Following his own account, Lunardi's first act on finding himself fairly above the town was to fortify himself with some glasses of wine, and to devour

Multi-column element uses the code div { border: #979797 solid 2px; column-fill: balance; /* Balance content equally between columns */ columns: 4; column-gap: 2.5em; column-rule: black solid thick; font-family: "Liberation Sans", ArialMT, Arial, sans-serif; font-size: 18px; height: 3.42em; /* enough for 3 line boxes */ line-height: 1.14; padding: 1em; width: 42.7em; }