Help with padding Top

[TheBigLebowski]

im trying to give a top padding to one of my elements but it doesnt budge!, it does move left to right but not up or down.....
lets say im want to move the #FoodJournalDate .spnWeek by padding:5px 0px 0px 0px;

its doesnt work.....

heres the code:

#FoodJournalDate
{
display:block;
width:600px;
color:rgb(141,141,141);
font-size: 12px;
font-weight: bold;
margin:20px 0 0 0;
vertical-align:middle;
}
#FoodJournalDate .spnWeek
{
padding:5px 0px 0px 0px;
margin-top:10px;
vertical-align:top;

}
#FoodJournalDate .spnImgLeft
{
padding:0px 0 0 15px;
vertical-align:top;

}
#FoodJournalDate .spnDateDisplay1
{
padding:5px 0 0 15px;
color:#4a82b1;
vertical-align:top;

}
#FoodJournalDate .spnTo
{
padding:5px 0 0 15px;
color:#4a82b1;
vertical-align:top;

}
#FoodJournalDate .spnDateDisplay2
{
padding:5px 0 0 15px;
color:#4a82b1;
vertical-align:top;

}
#FoodJournalDate .spnImgRight
{
padding:0px 0 0 15px;
vertical-align:middle;

}

thanx

[DrDoc]

Welcome to WebmasterWorld!
Is the element you're trying to pad a block level element (such as div, paragraph, heading, etc) or an inline element (such as span, image, anchor, etc)?

[TheBigLebowski]

its a <span>