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

Я не могу коснуться темы 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?
Большое спасибо заранее!

Ответ 1

Попробуйте float: none;:

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

Ответ 2

Попробуйте следующее:

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

Вы можете узнать больше о свойстве CSS clear на W3Schools.

РЕДАКТИРОВАТЬ
Извините, я неправильно вас понял. Думал, что вы пытались уложить их. Вы правы, чтобы пойти с float: none или clear: right, который также отрицает float. Я, вероятно, поеду с обоими, чтобы безопасно играть в IE, когда-то сумасшедшие предположения CSS!;)