1 |
<p> ※クリエイティブ×プランナーブログです。一人前のプランナーとして成長できるよう。日々の気づきをいろいろとまとめます。</p> |
通常だとこれを表示した際、PC画面では問題なく表示されるのですが、
ブラウザ幅が狭くなり複数行表示になった場合、
※の下に文章が続き見た目がカッコ悪くなってしまいます。
これを防ぐには以下のcssを記載します。
1 2 3 4 |
p{ text-indent: -1em; /* 全体を1文字左にずらす */ padding-left: 1em; /* */ } |
※のしたは空白になりキレイになりました。
コメント