複数行のテキストを左寄せにレイアウトしながらも、
全体としてはセンタリングしたい場合があります。
全体をdisplay: block;テキスト部分をdisplay: inline-block;としてセンタリングすると実現できます。
<div class="center">
<p class="txt">
吾輩は猫である。名前はまだ無い。<br>
どこで生れたかとんと見当がつかぬ。<br>
何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
</p>
</div>.center {
width: 100%;
margin: 0 auto;
text-align: center;
display: block;
border: 1px solid #000;
}
.center .txt {
text-align: left;
display: inline-block;
}参考：https://blog.raizzenet.com/how-to-make-the-text-left-justified-by-centering/
