CSS：要素の内容の前に空白を追加するには？次のコードの

Question

どれも機能しません：私は要素の内容の前に空白を追加するにはどうすればよい

p:before { content: " "; } 
p:before { content: " "; } 

？

注：セマンティック使用のために左端と余白左に色付けし、スペースを無色のマージンとして使用する必要があります。 :)

Answer 1

あなたはノーブレークスペースのユニコードを使用することができます。

p:before { content: "\00a0 "; } 

は[@Jason Sperskeによって改善スタイル]

Answer 2

はと周りおならしないでくださいJSfiddle demo

を参照してください。スペースを挿入する。 1つは、IEの古いバージョンは、あなたが話していることを知りません。それに加えて、一般的にはよりクリーンな方法があります。

無色インデントの場合は、text-indentプロパティを使用します。

p { text-indent: 1em; } 

JSFiddle demo

編集：

あなたはスペースが着色したい場合は、あなたが最初の文字に太い左の境界線を追加することを検討することがあります。 （私は、ほとんどの場合「代わりに」と言っています。なぜなら、両方を使用するとインデントが問題になる可能性があるからです。しかし、インデントに境界線を頼るのは私にとっては汚いと感じています） 、幅はどれくらいで、色は最初の文字の左余白/パディング/境界幅を使用しています。

p:first-letter { border-left: 1em solid red; } 

Demo

Answer 3

あなたは要素の間にスペースを追加するために探しているので、あなたは余裕左またはパディング左のような単純なものが必要な場合があります。ここでは、両方のhttp://jsfiddle.net/BGHqn/3/

の例は、これはあなたがちょうどあなたの段落要素内にいくつかのパディングをしたい場合は

p { 
    margin-left: 10px; 
} 

または

p { 
    padding-left: 10px; 
}