texto contenido en un div

[garciasanchezdani]

Hola a tod@s
Quisiera saber si es posible lo siguiente. Tengo un .html con 4 divs:

Código HTML:

<div id="div"> 
     <div class="contenido">1</div>
</div>
<div id="divSupIzq"> 
     <div class="contenidos"><div id="textoDinamico">120 </div><div id="textoEstatico">KM/H</div></div>
</div>
    <div id="divSupDer"> 
    <div class="contenidos">zona de</br>avisos</div>
    </div>
<div id="divInfIzq"> 
    <div class="contenidos">zona de</br>informaci&oacute;n</div>
</div>
 

Como véis dentro de cada div, tengo un texto descriptivo...
A estos divs le estoy aplicando border-radius para darle formar circular
Me gustaría saber cómo controlar el texto contenido en cada div, para que no sobresalga. Con jQuery, dependiendo de condiciones, a veces inserto imágenes en estos divs...Igual para las imágenes, ¿cómo controlar que no sobresalgan? ¿Qué pensáis?

Muchas gracias, Daniel

[rossijona]

No entendi exactamente cual es tu objetivo.

Entendi 2 cosas:

La primera, que no quieres que nada se salga del div, para eso al div contenedor (a estos que le pones el border-radius) le pones overflow:hidden pero debes de ponerle un ancho y un alto o por lo menos uno de los dos.

La duda es que tal ves quieres que estos contenedores se adapten al tamaño de su contenido, esto lo logras con display: table.

[ecdejga]

aaaaaaaaaaaaa