Titre: taille qui s'adapte à la longueur du texte

Bonjour à tous,

J'essaie de mettre en forme le titre de mon site mais je bute quand je veux adapter la largeur (avec le background) en fonction de la longueur du titre.
dans mon css, j'ai mis

#main .title /* modif new */
{
padding: 6px 0px 6px 10px;
border: 1px solid #fff;
margin: 20px 0px 20px 0px;
background-color: #0090c4;
width: 66%;
}

ça ressemble à ça
--------------------------------------------------
| mon titre |
--------------------------------------------------

j'aimerai ça
--------------------
| mon titre |
--------------------

Merci d'avance

Salut salut,

Si j'ai bien compris tu peux essayer :

.title {
display: inline;
}

ou

.title {
display: inline-block;
}

Ca dépend ce que tu veux en faire par la suite je dirais ^^

En espérant t'avoir aidé.

PS: sans ton HTML c'est difficile d'être plus précis au niveau des sélecteurs
Modifié par Gili (27 Aug 2011 - 17:05)

C'est parfait, ça marche enfin.
je vais voir la différence entre les 2 http://www.w3schools.com/jsref/prop_style_display.asp pour choisir lequel est le plus adapté.

Merci pour ta réponse et la réactivité

bonjour,

sans vouloir faire le rabat-joie : http://w3fools.com/ , tu n'as peut-être pas choisie la meilleur référence