CSSでぶら下げインデントの設定
2019.07.07
スクリーン幅の狭いスマホ表示では、文字列が折り返される事があります。下図のようにタイトルの行頭にアイコンを使用している場合は、1行目の文字の始まりと2行目の文字の始まりにズレが発生します。





CSSで以下の設定をすると2行目以降の文字を1文字下げることができます。
h2{
text-indent: -1em;
padding-left: 1em;
}





2019.07.07 10:16 | 固定リンク | WEB制作

- CafeNote -