Forzar imágenes para que no se envuelvan

Question

No puedo tocar el tema html pero tengo acceso a los archivos css.

<div class="photos"> 
    <img src="a.jpg" alt="" align="left" /> 
    <img src="b.jpg" alt="" align="left" /> 
    <img src="c.jpg" alt="" align="left" /> //align makes the images wrap 
</div> 

Lamentablemente no puedo quitar align = "left" de las imágenes de lo contrario este fragmento CSS habría hecho el trabajo

.photos{ 
    white-space: nowrap; 
} 
.photos img{ 
    display: inline; 
    vertical-align: top; 
} 

¿Alguna idea? ¿Es incluso posible hacer que estas imágenes se alineen horizontalmente sin usar la fuerza de una tabla y solo con CSS?
Muchas Gracias de antemano!

Answer 1

Trate float: none;:

.photos img{ 
    display: inline; 
    vertical-align: top; 
    float: none; 
} 

Answer 2

Prueba esto:

.photos img{ 
    display: inline; 
    vertical-align: top; 
    clear: both; // clears the floating 
} 

Se puede extraer más información sobre la propiedad CSS en clearW3Schools.

EDITAR
Lo siento, te leído mal. Pensé que estabas tratando de apilarlos. Está en lo cierto al ir con float: none o clear: right que también anularía el flotador. ¡Probablemente iría con ambos para jugar de forma segura con las suposiciones locas de CSS de IE! ;)