Принуждение изображений к обертке

Я не могу коснуться темы html, но у меня есть доступ к файлам 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>

К сожалению, я не могу удалить align = "left" из изображений, иначе этот фрагмент CSS выполнил бы работу

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

Любые идеи? Возможно ли даже сделать эти изображения линейными по горизонтали, не используя силу таблицы и только с помощью CSS?
Большое спасибо заранее!

Ответы

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

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