Doble backgorund en título

[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>