Sfondo div mobile

[james81]

ciao a tutti

ho bisogno di un vostro aiuto: ho un div con width 700px nel quale visualizzo un titolo, ora vorrei (sempre)partendo da sinistra, che lo sfondo di dove c'è il titolo fosse di un colore nero, e la rimanenza rossa, da tenere conto che il titoo è dinamico e quindi anche la sua lunghezza.

come posso fare?

grazie

[Mich_]

HTML:
<h2><span>Questo e` il titolo</span></h2>


CSS:
h2 {
  ... qui le varie dimensioni ...
  background: red;
}
h2 span {
  background: black;
  color: white;
  line-height: ...uguale a height di h2 ...
}