Column-fill: balance Example 26 without orphans: 1 and without widows: 1

Following his own account, Lunardi's first act on finding

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; }