[CSS] Div prenant la largeur de son contenu.

Re-bonjour.

Je cherche à présent à créer un style pour mes div leur permettant de prendre la largeur de leur contenu.

J'ai essayé avec width:auto, ca ne semble pas marcher :?

existe-t-il une solution simple permettant de faire celà s'il vous plait ?

Merci d'avance

En toute logique tu ne spécifies aucune largeur et le div s'adapte à son contenu.

bah j'ai ca comme style :

Code:

---

1 2 3 4

div.centre { background-color:#33CCFF; }

---

et ca dans mon HTML :

Code:

---

1 2 3

<div class="centre"> coucou </div>

---

ca me fait une ligne bleur qui me prend l'ensemble de la page :? (firefox 1.5) au lieu d'une "boite" encadrant mon coucou

J'ai dit une bétise. Un div est en display "block" par défaut. Ce qui signifie qu'il prend toute la place dont il dispose.

L'autre type de display est "inline". Celui-ci prend le minimum de place et s'affiche sans saut de ligne (le "block" impose ce saut de ligne).

Conclusion: tu peux écrire:

Code:

---

1 2 3 4

div.centre { display:inline; background-color:#33CCFF; }

---

Les éléments Block:
div, h1, h2, h3, hX, p...

Les éléments Inline:
a, img, span...

ohhhhh merveille :lol:

:hola: Un très gros merci, c'est exactement ce que je cherchait :-) :hola: