Template:Div col/sandbox/styles.css

.div-col {
	margin-top: 0.3em;
	column-width: 30em;
}

.div-col-small {
	font-size: 90%;
}

.div-col-rules {
	column-rule: 1px solid #aaa;
}

/* Reset top margin for lists in div col */
.div-col dl,
.div-col ol,
.div-col ul {
	margin-top: 0;
}

/* Avoid elements breaking between columns
   See also Template:No col break */
.div-col li,
.div-col dd {
	page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
	break-inside: avoid-column;
}

/* Allow break between columns; useful for multilevel lists */
.div-col.div-col-brk li, /* Over-specifying is required to up the importance */
.div-col.div-col-brk dd {
	page-break-inside: auto;
	break-inside: auto;
}

/* Reverse margin-bottom adds extra line to end */
@media screen {
  .div-col-rules li {
    margin-bottom: 0; /* Was "0.1em" */
  }
}