aiuto:con i css due parole della stessa frase con colori diversi

[pendolino4ever]

Vi pongo il mio problema:
io tramite l'utilizzo del css esterno devo riuscire a far comparire come conclusione questa frase(esempio):
Data: 22 febbraio 2005

Vorrei che la scritta "Data:" comparisse di grandezza 20 px e di colore rosso mentre la scritta "22 febbraio 2005" vorrei che comparisse di grandezza 12 px e di colore bianco.
Quale sarà il codice html e il corrispettivo css?
Grazie

[pierofix]

<h1 id="data">
   Data: <span id="giorno">22 febbraio 2005</span>
</h1>

#data {
   font: 20px "Trebuchet MS", serif;
   color: red;
   background: #000;
}
#giorno {
   font-size: 12px;
   color: #fff;
}

Così può andare?