ボックス内のテキストを中央合わせで左揃え

■html

<div class="box">
 <p class="text">1行目テキスト<br>2行目テキスト</p>
</div>

■CSS

.box {
　　text-align: center;
}

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

boxクラスにまずは中央になるようにtext-align: centerを追加。
textクラスには左揃えになるようにtext-align: leftをそれぞれに追加。
そして、最後にtextクラスにdisplay: inline-block;で完了です。

.boxには中央になるように、test-aligh