[SOLUCIONADO] Doble backgorund en título

[lbenz]

Gente, estoy armando un NEWSLETTER.

en el titulo del cual, tengo un doble BackGorund distinguiendo dos informaciones distintas. aca les dejo una imagen .. tienen idea como podria hacer para dar esas propiedades en CSS ?

abrazo y desde ya muchas gracias

[lbenz]

GENTE YA RESOLVI . . aca paso el codigo para quien le sirva . . no se si esta bien o prolijo, pro funciona ; . . abrazooo

Código CSS:

CSS:
h2 {
margin:20px 0 0 0;
font-family: 'BenchNine', sans-serif;
font-weight:normal;
letter-spacing:1px;
font-size:20px;
color:#FFF;
}
 
.bg1 {
padding:10px;
background:#24211A; 
font-family: 'BenchNine', sans-serif;
font-weight:normal;
letter-spacing:1px;
font-size:20px;
color:#FFF;
}
 
.bg2 {
padding:19px 10px 15px 10px;
font-family: Tahoma, Geneva, sans-serif;
font-size:11px;
color:#000;
background:#F47F27;
}
 

HTML:

Código HTML:

<h2>
<span class="bg1">AMSTERDAM DANCE EVENT</span><span class="bg2">20.07.2013</span>
</h2>