<div class="center">
  <span class="demo">Thing that should be centered on the page</span>
</div>

.center {
  left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.demo {
  background-color: gray;
  color: white;
  padding: 0.25em;
}