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

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

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

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

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

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

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

text-indent: -1em; /* 全体を1文字左にずらす */

padding-left: 1em; /* */

}

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

figure要素の使い方

CSSのinitial