span margin werkt niet

Door Stijn op 29-11-2008 21:27

3.505 views

Hey,

Ik zit echt met een dom en vervelend probleem. Kben vollop bezig met een script en wil een bepaalde waarde extra accentueren doormiddel van het te markeren. Hiervoor maak ik gebruik van een <span class='counter'>getal</span>.
Boven de span staat ook nog wat tekst, maar naar mijn mening staat de tekst boven de span te dicht bij de span. Daarom dacht ik aan een margin-top (geen bottom, want er staat niets onder de span).

Dit is m'n counter class:

.counter {
background:green;
font-weight:bold;
color:#fff;
padding:1px 3px 2px;
margin-top: 3px;
}

Het vreemde is nu dat de margin helemaal niets doet. De tekst blijft even dicht tegen de span.

Hoe kan ik dit oplossen?

Alvast bedankt voor de hulp!

Jesper Diovo

30-11-2008 11:18

@Evert: klopt dat het niet netjes is, maar het werkt ;).

Eddy E

30-11-2008 13:18

Een span staat toch altijd ergens in (inline?).
De paragraaf (waarin de tekst/span staat) kan je gewoon een margin/padding opgeven.

Een span kan dat ook:


span
 {
 display: block;
 margin-top: 30px;
 padding-left: 20px;
 }

Niek Weevers

30-11-2008 14:22

inderdaad. Margin werkt het beste op blok elementen

Reageren

Inloggen om te reageren