"Rozciągające się" tło tekstu

[BlackHat]

Hej,

nie bardzo wiedziałem jaki nadać tytuł, więc może od razu pokażę o co chodzi:

efekt jaki mam teraz:

Chciałbym by czarne tło kończyło się powiedzmy tam gdzie czerwona kreska, czyli np. 5px za ostatnim znakiem tekstu. Teksty będą różnej długości.

Obecny kod:

.content h1 {
background-color: black;
font-size: 20px; 
font-weight: bold; 
text-align: left;
margin-top: 50px;
margin-left: 10px;
color: #222;
line-height: 35px;  }

jakieś pomysły?

[kava]

float left + padding right?

[fuser]

Sprawdź:

.content h1 {
background: #000;
font-size: 20px; 
font-weight: bold; 
margin-top: 50px;
margin-left: 10px;
color: #222;
line-height: 35px; 
display: block;
float: left;
padding-right: 5px;
}