よもやまチョモランマ

意外と使う「※」の一字下げ

「インデント」って言うんですか。
※で注意書きを箇条書きにすることって結構あるんですよね。
そして大概、スマホで見ると複数行になるので「2行目以降は1字下げたい」ってなります。

手の込んだことをしてあげるならば、もちろんリストにします。
背景にアイコンを配置して、パディングで文字をがっと右にずらせばいいだけです。

でもさ、1行しかないんだよね~とか、そんな手の込んだことしなくていいよ~とか、とりあえずサクッと体裁整えちゃおう~とか、現場あるあるです。

そういうときのために、汎用CSSにあらかじめ加えておきましょう。

.indentback {
	text-indent: -1em;
	padding-left: 1em;
}

問題は「indentback」を自分がとっさに思い出せないことです。