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

Question

[drtvader]

Добрый день. Как сделать что бы изображения перемещались при изменении размера браузера?
Вот например идет в ряд 4 изображения:

<a href="images/shkaf/fotopechat.jpg" class="image" style="width:90%;" rel="shadowbox"><img src="images/shkaf/fotopechat.jpg" width="128" height="128"></a>Фотопечать
<a href="images/shkaf/ldspsteklo.jpg" class="image" style="width:90%;" rel="shadowbox"><img src="images/shkaf/ldspsteklo.jpg" width="128" height="128"></a>Шкаф со стеклом и вставками ЛДСП
<a href="images/shkaf/shkafderevo.jpg" class="image" style="width:90%;" rel="shadowbox"><img src="images/shkaf/shkafderevo.jpg" width="128" height="128"></a>Шкаф с ЛДСП
<a href="images/shkaf/shkafsosteclom.jpg" class="image" style="width:90%;" rel="shadowbox"><img src="images/shkaf/shkafsosteclom.jpg" width="128" height="128"></a>Шкаф со стеклянными вставками

Игрался с размерами, не выходит. Какие стили еще прописать?

Answer 1

[Евгений]

Вариант 1:

.image {
display: block;
float: left;
width: 90%;
}

Padding и margin по вкусу.

Вариант 2: Masonry

Answer 2

[Денис Инешин]

Вам нужно менять layout в зависимости от размеров окна. В этом вам помогут Media Queries.
Подробно изучить их можно здесь:
frontender.com.ua/media-queries
habrahabr.ru/post/119127