Heading with Background Line

heading-with-background-line.css

/* ---- Heading with background line ---- */
/*
	EXAMPLE
	----------------------
	<h5 class="heading-hr cyan uppercase">
		<span>Customers Also Purchased</span>
	</h5>
*/
.heading-hr{
	display: block;
	border-top: solid 1px;
	width: 100%;
	height: 1rem;
	margin-top: .5rem;
	z-index: 1;
}

	.heading-hr span {
		background: #fff;
		padding: 0 .5rem;
		display: inline-block;
		z-index: 5;
		position: relative;
		top: -.75rem;
	}