CSS：左右中央よせ

CSS

■HTML

<div class="outer">
  <p class="inner">サンプルテキスト</p>
</div>

■CSS

.outer{
  position: relative;
}
.inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit- transform: translateX(-50%) translateY(-50%);
}