Задание ширины квадратных элементов без указания ширины и высоты («плиточка»)

Без указания высоты, ширины, но и без дергания после загрузки картинок и контента. И без таблиц.
Эдакая «плиточка» элементов разных ширин и высот.

.structure отвечают за взаимное расположение элементов на странице, а во вложенных элементах скрыта магия (всё дело в волшебной теме с тем, что паддинг считается от ширины родительского элемента).
JS Bin

В итоге получаем красивые квадратики:
d6c7a771bf8d6a9658629ec12a759f5f4233a4c93a
Почему квадраты: потому что padding считается от ширины элемента.

LEAVE A COMMENT