Neat CSS trick styling child elements based on how many of them there are... I used this concept on a contacts page to increase line-height when there were only three contact details (name, title and tel) and reduce line-height when there were four details (name, title, tel and email) to maintain the same height for the contact block.

styling-based-on-number-of-elements.css

/* one item */
.employee span:first-child:nth-last-child(1) {
	width:100%;
}

/* two items */
.employee span:first-child:nth-last-child(2)
, span:first-child:nth-last-child(2) ~ span {
	width:50%;
}

/* three items */
.employee span:first-child:nth-last-child(3)
, span:first-child:nth-last-child(3) ~ span {
	width:33.3333%;
}

/* four items */
.employee span:first-child:nth-last-child(4)
, span:first-child:nth-last-child(4) ~ span {
	width:25%;
}