CSS: jak dodać białe spacje przed treścią elementu?

Question

Żaden z następującego kodu działa:

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

Jak dodać spacje przed zawartości elementu?

Uwaga: Aby nadać semantyczność, należy pokolorować obramowanie - lewe i lewe marginesy, a przestrzeń jako bezbarwny margines. :)

Answer 1

Można użyć Unicode non przestrzeni zrywającą:

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

Zobacz JSfiddle demo

[STYLE ulepszony przez @Jason Sperske]

Answer 2

Nie Fart wokół z wstawianie spacji. Po pierwsze, starsze wersje IE nie będą wiedzieć, o czym mówisz. Poza tym istnieją ogólnie czystsze sposoby.

Dla bezbarwnych wcięć użyj właściwości text-indent.

p { text-indent: 1em; } 

JSFiddle demo

Edit:

Jeśli chcesz miejsca, aby być w kolorze, można rozważyć dodanie lewy brzeg gruby pierwszej literze. (Prawie, ale nie całkiem "mówię" "zamiast", ponieważ wcięcie może być problemem, jeśli używasz obu, ale wydaje mi się to banalne polegać wyłącznie na granicy wcięcia.) Możesz określić, jak daleko i jak szeroki jest kolor przy użyciu lewego marginesu/dopełnienia/szerokości krawędzi pierwszej litery.

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

Demo

Answer 3

Od szukasz dodając przestrzeń pomiędzy elementami może trzeba coś tak prostego jak margin-left lub padding-lewo. Oto przykłady zarówno http://jsfiddle.net/BGHqn/3/

Spowoduje to dodanie 10 pikseli na lewo od elementu ust

p { 
    margin-left: 10px; 
} 

lub jeśli po prostu chcesz trochę wyściółka wewnątrz elemencie ust

p { 
    padding-left: 10px; 
}