span margin werkt niet

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!