WEBでぶら下げインデントの設定
スクリーン幅の狭いスマホ表示では、タイトルが長いと折り返される事があります。下図のようにタイトルの行頭にアイコンを使用している場合は、1行目の文字の始まりと2行目の文字の始まりにズレが発生します。
CSSで以下の設定をすると2行目以降の文字を1.2文字下げることができます。
h2{
text-indent: -1.2em;
padding-left: 1.2em;
}
2019-07-07 | カテゴリー:Web
スクリーン幅の狭いスマホ表示では、タイトルが長いと折り返される事があります。下図のようにタイトルの行頭にアイコンを使用している場合は、1行目の文字の始まりと2行目の文字の始まりにズレが発生します。
CSSで以下の設定をすると2行目以降の文字を1.2文字下げることができます。
h2{
text-indent: -1.2em;
padding-left: 1.2em;
}
2019-07-07 | カテゴリー:Web