擬似要素を使って、CSSで一行目のテキストは中央寄せ、2行目以上は左寄せにする

1 min read読了の目安(約100字 1
p::first-line {
  text-align: center;
}

::first-lineを使えば、テキストが一行だけだった場合はセンタリング、二行以上ある場合は左寄せでテキストが表示されるスタイルがシンプルに書けます。

擬似要素便利ですね〜!