現在レスポンシブデザインでh2タグ内の要素を中央寄せしつつ、ハイフンで区切ってある日本語部分を改行した上で2行目も中央寄せで表示したいのですが、CSSにて改行を指定する方法があればご教示いただきたいです。
現在spanタグを使って擬似要素を用いて改行を試みたのですが、画像のように左に寄ってしまいます。
html
1<h2 class="section__header--2 section__before-head--3">Interactive Program <span class="br"></span> -体験プログラム-</h2>
css
1.section__before-head--3{ 2 font-size: 25px; 3 line-break: strict; 4 text-align: center; 5 /* white-space: pre; */ 6 /* white-space: nowrap; */ 7 /* word-wrap: break-word; */ 8} 9.br::after{ 10 content: '\A'; 11 white-space: pre; 12}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。