リストの先頭を揃えたまま左右中央寄せ（中央寄せで文字列を左寄せ）にする方法

<section class="sec01">
	<ul>
		<li>1行目テスト</li>
		<li>2行目テストテスト</li>
		<li>3行目テストテストテスト</li>
	</ul>
</section>

.sec01 {
	text-align: center;
	display: block;
	ul {
		display: inline-block;
		li {
			text-align: left;
		}
	}
}