Самый простой способ сохранить изображения по горизонтали без пропусков?

Question

Какой самый простой правильный способ выравнивания изображений без пропусков по горизонтали внутри div?

Если возможно, я бы не хотел оборачивать каждое изображение в div и не хотел бы использовать список. Я скорее ищу подходящий CSS для достижения этой цели с минимальной разметкой.

Самая большая проблема - это промежутки между изображениями, которые я могу удалить, установив размер шрифта в 0, что ужасно и работает только для Firefox.

<div class="images"><img1><img2><img3></div>

.images {
display: inline;
...???
}

Answer 1

Хороший способ сделать это - разместить изображения.

Однако обязательно добавьте attirbute переполнения в их родительский контейнер, чтобы убедиться, что он проходит вокруг них,

Добавление поля также может свести их на нет.

.images {
    overflow: hidden;
}

.images img {
    float: left;
    margin: 0px;
}