Template:Ingredient list/styles.css

.wst-ingredient-list {
	display: block;
    margin: 0 auto;
    text-align: left;
    column-count: 2;
    column-gap: 1.5em;
    column-width: 10em;
    max-width: 30em;
}
.wst-ingredient-list ul {
    line-height: inherit;
    list-style: none;
}
/* hanging indent */
.wst-ingredient-list li {
    margin-left: 2em;
    text-indent: -2em;
}

/* So that a list with 5 items with have 3 in the first column,
 * rather than 3 in the second */
.wst-ingredient-list li:last-child:after {
  content: '';
  display: block;
  height: 0.5em;
}