Less Mixin for Ghost Centering https://css-tricks.com/centering-in-the-unknown/

ghost-center-mixin.less

.ghost-center(@className: nothing, @pre: ~'.') {
	text-align: center;
	
	&:before {
		content: '';
		display: inline-block;
		font-size: 0;
		text-decoration: none;
		height: 100%; 
		vertical-align: middle;
		margin-right: -0.25em; /* Adjusts for spacing */
	}
	
	> div,
	> span,
	> .wpb_wrapper,
	> .wpb_text_column,
	> @{pre}@{className} {
		display: inline-block;
		vertical-align: middle;
	}
	
}