Téma: h1, h2 stb. címek szélességének meghatározása

Azt szeretném megoldani css-ben, hogy a címek - mint valami fülek - pont olyan sorszélességet foglaljanak, mint amekkora a beírt szöveg.

Ezt úgy lehetne látni, hogy a címek háttere saját színnel rendelkezik, tehát mintha sorkiemelővel lenne áthúzva, de csak a szöveg tényleges hosszáig, a sor végi üres rész nem.

Köszi a megoldást előre is

-----------

Ui:

primadiscount.de/images/nescafeclassic200web.jpg - tessék figyelni a NEU feliratot! Így szeretném valahogy.

---

Hasonló témák:

• E-mail címek védelme (PHP)
• Eladó Kiadó Domain Címek
• Spammelő IP címek listája
• Szavak számának meghatározása
• PageRank, IP-címek, Segítség

Beleteszed egy divbe? Adsz neki pár pixel margót, és a szöveget középre igazítod. Esetleg állítasz betűközt.

Esetleg szétlesel a neten, tuti van olyan, amire gondolsz, és onnan "eltanulod" a megoldást.

remélem erre gondoltál

padding / margin sorrend: fent, jobb, lent, bal
Ha margin bal/jobb = 0 a H1 háttérszínt kihúzza végig
Ha margin bal/jobb <> 0 a H1 háttérszín előtt és után az eredeti háttér lesz

Ha padding bal/jobb = 0 a H1 pont a szélétől kezdődik
Ha margin bal/jobb <> 0 a H1 -nek lesz behúzása

#header h1{
font-family: "Trebuchet MS", "Courier New";
font-size: 24px;
font-weight: normal;

background-color: #0090;
color: #090;

margin: 10px 10px 10px 10px;
padding: 10px 20px 0px 20px;
}

pl: http://www.babyfriendlyapartmentbudapest.com/

itt még háttérkép is van a H1 mögött:

#subcontent1 h2, {
font-family: Helvetica;
font-size: 20px;

color: #edefef;
background-color: #9cc;
background-image: url(elemek/h2background.jpg);
background-repeat: repeat-x;

margin: 5px 0 20px 0;
padding: 10px 0px 10px 70px;
}

Már majdnem jó, de így belelóg a háttere az alatta és felette lévő div-ekbe