Template:Fraction/sandbox/styles.css

.frac,
.sfrac {
	white-space: nowrap;
}

.frac .num,
.frac .den {
	font-size: 80%;
    line-height: 0; /* we want this inline */
    vertical-align: super;
}

.frac .den {
    vertical-align: sub;
}

.sfrac.tion,
.sfrac .tion {
	display: inline-block;
	vertical-align: -0.5em;
	font-size: 85%;
	text-align: center;
}

.sfrac .num,
.sfrac .den {
	display: block;
	line-height: 1em;
	margin: 0 0.1em;
}

.sfrac .den {
	border-top: 1px solid;
}

/* [[Template:Screen reader-only]] is canonical implementation onwiki */
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	/* white-space: nowrap; /* already have nowrap above */
}