How do I give separate classes to the styling of the month and year in the Wordpress Date function?


Staff member
I'm in wordpress, trying to format the date output. This is the code I'm using at present:

<div class="date"><?php the_date('M, Y'); ?></div>

It's output looks like this:

MAY, 2010

What I want to do is have the date display like this (The month on top of the year):



I'm just not familiar enough with PHP to get things working. A simple line break wouldn't quite be sufficient because I want to play with sizing, placement of each separately (month text larger than the year text, both centered, etc.). Separate classes applied to each would be ideal.