CSS augmenter la largeur du conteneur lorsque le texte à l'intérieur déborde vers la droite?

Question

Quand yo faire quelque chose comme:

.container { 
 
    column-width: 200px; 
 
    height: 300px; 
 
}

<div class="container"> 
 
    ... a lot of text... 
 
</div>

Si le texte est assez grand, il provoquera que le texte correspondant déborde la largeur du conteneur à droite. C'est génial si vous voulez une disposition horizontale, cependant, la largeur div ne va pas augmenter parce que le texte a "débordé" le conteneur. Si vous mettez un fond à la div, vous verrez que l'arrière-plan ne sera pas là après la fin de l'écran (si le texte est suffisamment grand). C'est pourquoi, si vous placez une seconde div à côté de celle-ci de manière horizontale, la seconde sera sur le contenu débordé de la première div, ce qui n'est pas souhaitable.

La question est: comment puis-je ajuster le premier div au contenu qu'il contient, quelle que soit sa taille dans la ligne horizontale?

Answer 1

je ne serais probablement pas comme ça (si je comprends ce que vous voulez)

.container { 
    width: auto; 
    height: 300px; 
} 

.text{ 
Padding-left: 10%; 
Padding-right: 10%; 
} 
<div class="container"> 
<div class="text"> 
... a lot of text... 
</div> 
</div 

Le récipient doit maintenant changer la taille en fonction du texte. :)