problemi con css in linea

[ylio82]

Ho questo codice:

<div style="margin-right: 5px; background: #848484; margin-left: 5px; height: 25px; margin-top: 10px"><p style="margin-top: 5px">
<font color="#FFFFFF">Prova</font></p></div>

Voglio mettere la scritta prova nel div con margine superiore di 5px... Ma praticamente mi sposta di 5px anche il div infatti se aumento il margine, il testo rimane attaccato alla parte superiore del div e tutto si sposta sotto...
Come mai? Sto diventando matto

[codencode]

Invece di assegnare il margine superiore alla scritta, assegna il padding superiore al div.
PS: non utilizzare font: è deprecato.