Template:Infobox/Columns/styles.css

/* {{pp-protected|reason=match parent|small=yes}} */
.infobox-columns {
	display: flex;
}

/* TODO: Remove .infobox when element selectors in Common.css are removed as
 * we are overriding text-align: center on .infobox .infobox-full-data here
 */
.infobox .infobox-columns-text-left {
	text-align: left;
}

.infobox-columns > div {
	box-sizing: border-box;
	width: 50%;
	padding: 2px;
}

.infobox-columns-3 > div {
	width: 33.33%;
}

.infobox-columns-4 > div {
	width: 25%;
}

.infobox-columns > div:not(:first-child) {
	border-left: 1px dotted #aaa;
	padding-left: 5px;
}