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

2012年7月2日

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

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

まず、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タグに設定するものなのかも。

CSS

Posted by ponnao