Ayuda con el box model en CSS

(1/1)

4rkn63l:
buenas, tengo una gran incertidumbre, pues no he podido encontrar como forzar a que el contenido en una caja se mantenga dentro de la misma, es decir que no rebase el tamano del contenedor.

por decir algo como...

Código:

<div id="box" style="width:50px;">
<p>este es un parrafo comun y corriente que si es de mayor longitud que el
      ancho del div lo rebasara.
</p>
</div>


solamente me es posible limitarlo de alguna forma si cambio de linea manualmente,
supuse que aplicando el padding seria suficiente, pero nada, y lo que yo quisiera es que se ajuste al contenedor sin preocuparme del ancho del contenido, ovbiamente los p son elementos de bloque, pero supongo que en CSS algo se puede hacer.

agradeceria mucho que alguien me brinde una explicacion de esto y una solucion.

de antemano muchas gracias.

Nakp:
imagino que las lineas que se se pasan son las palabras demasiado largas... 50px me parece poco, pon una screenshot

link de interes:
http://www.w3schools.com/Css/pr_text_white-space.asp

Navegación

[0] Índice de Mensajes