［CSS覚書］「※」などを使用した注釈文が複数行になるときに2行目字下げしたいときに使うコワザ

2012年1月26日2012年7月2日

esplanレポート　 CSSで「※」などを使った複数行にわたる注釈を整える

基本的にこの２つの設定が付いてればよさそう。

まず、padding-left で（左側をあけて）文章全体を右に1文字分ずらします。
padding-left: 1em;

次に、最初の行だけ左に1文字（つまりマイナス1文字）ずらします。
text-indent: -1em;

CSS：1行目の頭文字だけ前に出したい時｜Web仕事人の部屋

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

pタグの中のspanに付けようとしたら上手くいかなかった。基本pタグに設定するものなのかも。