文章を中央寄せにしてから左寄せにする

コンテンツの中身を中央寄せにして、中身の文章は左寄せにする方法.

親要素に text-align: center; 子要素に text-align: left; display: inline-block; を指定する.

<div class="sample">
	<p class="text">
		あああああああああ<br/>
		いいいいい<br/>
		ううううううううううううううう
	</p>
</div>

.sample {
	text-align: center;
}
.sample .text {
	text-align: left;
	display: inline-block;
}