マルチスクリーン対応WEB制作

K-OFFICE

054-369-3016

WEBでぶら下げインデントの設定

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

 

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