※の文章を改行してもきれいに見せる

※クリエイティブ×プランナーブログです。一人前のプランナーとして成長できるよう。日々の気づきをいろいろとまとめます。

通常だとこれを表示した際、PC画面では問題なく表示されるのですが、
ブラウザ幅が狭くなり複数行表示になった場合、

※の下に文章が続き見た目がカッコ悪くなってしまいます。

これを防ぐには以下のcssを記載します。

p{
     text-indent: -1em; /* 全体を1文字左にずらす */
     padding-left: 1em; /*   */
}

※のしたは空白になりキレイになりました。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です