中央寄せで文字列を左寄せにする方法

html/css

<div class="box">
	<p class="text">
		texttexttext<br/>
		texttexttexttexttexttext<br/>
		texttexttexttext</p>
</div>
.box {
	margin: auto;
	text-align: center;
	display: block;
}
.box .text {
	text-align: left;
	display: inline-block;
}