Hola amig@s!
Tengo un problema con un div donde va alojado el texto que se ingresa por los usuarios, por ejemplo si se insertan caracteres así “aaaaaaaaaaaaaaaaaaaaaaaaaaaa” traspasa el div, como esta en la imagen señalado con naranja.
Si pueden ver también, las flechas rojas en la img. son por que el margin-bottom no me funciona es decir, si lo dejo en auto y por ejemplo pongo muchos <br> o más de X caracteres se agranda el height pero por encima del otro cuadro de texto (posts), este es el código.
Código CSS:
Ver original#posts
{
margin:10px;
width:500px;
height:30px;
background:olive;
border-radius:3px;
padding:3px;
float:left;
font-size:26px;
margin-bottom:170px;
}
#posts p
{
margin:7px;
width:auto;
max-width:500px;
padding:3px;
background:rgb(220,255,230);
border-radius:3px;
font-family:Vera;
font-size:14px;
}
Ojala me puedan dar una mano! gracias!!! :D
