Mi div de 500px se le agrega texto y lo traspasa, y el bottom auto no funciona

[anavega]

Toma en cuenta que es muy poco probable que existe una palabra de tal longitud

"aaaaaaaaaaaaaaaaaaaaaaaaaaaa"

Y si ponen algo como eso en un comentario, considero yo que debe ser eliminado inmediatamente por el administrador del sitio web.

De todo modos puedes utilizar la propiedad overflow: hidden a tu div de 500 px.

Código HTML:

#posts
{
    overflow: hidden; 
    margin:10px;
    width:500px;
    height:30px;
    background:olive;
    border-radius:3px;
    padding:3px;
    float:left;
    font-size:26px;
    margin-bottom:170px;
}

Espero te sirva de ayuda.

Saludos