意外と使う「※」の一字下げ
WEB
CSS
「インデント」って言うんですか。
※で注意書きを箇条書きにすることって結構あるんですよね。
そして大概、スマホで見ると複数行になるので「2行目以降は1字下げたい」ってなります。
手の込んだことをしてあげるならば、もちろんリストにします。
背景にアイコンを配置して、パディングで文字をがっと右にずらせばいいだけです。
でもさ、1行しかないんだよね~とか、そんな手の込んだことしなくていいよ~とか、とりあえずサクッと体裁整えちゃおう~とか、現場あるあるです。
そういうときのために、汎用CSSにあらかじめ加えておきましょう。
.indentback { text-indent: -1em; padding-left: 1em; }
問題は「indentback」を自分がとっさに思い出せないことです。