como puedo evitar esto sin tener un alto fijo

[gachon]

Hola me gustaria saber como puedo evitar esto que pongo en la imagen, sin tener un alto fijo, por ejemplo tengo varios bloques div como si fuera una galeria, pero cuando un texto de esa galeria tiene mas contenido el siguiente bloque se desborda
como puedo evitar eso. Pongo la imagen para que se vea mejor.

[IsaBelM]

puedes hacerlo del lado del servidor (asp -->Left(), php --->substr()) o usar javascript --> substr()

[gachon]

Gracias, pero yo lo que quiero es que se meta el ultimo video a la izquierda y en la imagen aparece a la derecha, porque se desborda, yo no quiero recortar el texto.
NO hay otra forma???

[IsaBelM]

estás usando float: right??

muéstranos el código

[memoadian]

como dice isabel si quieres que el contyenido se vaya a la izquierda, uses float:left;

[gachon]

lo estoy haciendo este es el codigo html

Código PHP:

  <div class="videos">
                    <iframe width="325" height="250" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/A16uZjhOpFE" class="videoFicha"></iframe>
                    <div class="titulo"><h4>ANILLOS INTRACORNEALES EN QUERATOCONO</h4></div>
                    </div> 
   

y este el css

Código PHP:

  .videos {
    float: left;
    height: auto;
    margin-bottom: 16px;
    margin-right: 27px;
    width: 325px;
}
.videos .titulo {
    background: none repeat scroll 0 0 #99D9E1;
    border: 1px solid #E7E7E7;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #5E8CD6;
    padding: 5px;
}