の作成方法はすべてのブラウザ対応掛けのインデントスタイルをCSSでのスパン

Question

この見た;

.hang {
    text-indent: -3em;
    margin-left: 3em;
} 

を解決するための唯一の方法この働きがけのテキストの段落の原因となる者の決unsightly追加。なってし <span class="hang"></span> タイプのものです。

私も見なければならないというニーズの更なるインデントを単一レベルの掛け流しです。使用条をスタックのindentionsの方法でやらねばならない。

Answer 1

<span> はインライン要素です。期間 吊りインデント 意味がない場合を除きゃるという意味で、一般的にはブロック要素).もちろんのマイペー <p> または <div> その他のブロック要素くの縦空間に努めます。

いようなもの display: run-in, のタグはなのいずれかのブロックはインラインコンテクストによって...残念なこ な普遍的に対応ブラウザ.

Answer 2

見つかり涼しくないっぱいで仕分けもバッチリで、マイナスのバスなサービスを提供しています。

p {
  padding-left: 20px; 
} 

p:first-letter {
  margin-left: -20px;
}

何シンプルです:D

場合には改行を悩まpブロックを追加することができます

p {
  margin-top: 0px;
  margin-bottom: 0px;
}

JSFiddle例

Answer 3

ysthの答えは一つの議例外;のユニットの対策に対応したサイズの商標または登録商標です。

p {
  text-indent: -2en; 
  padding-left: 2en;
}

"3"は仕事も十分なも"em"推奨されていないとしてより広いでの平均文字、アルファベットセットです。"px"用のものをご使用くださいります。align話のテキストブロックの異なるフォントサイズです。