Да так чтобы они не съезжали вниз при ресайзе окна?
Вот пример:
выглядит как надо и при сужении окна браузера дивы остаются на месте.
так они наслаиваются др. на др., но если дивы располагать в линию один за другим, то они не держатся на месте.
но тогда возникают проблемы с содержимым. даже если сделать выравнивание текста по правому краю, то при росте объема текста он будет уходить под вышележащий div.
а надо бы сделать так чтобы текст и вообще любое содержимое в каждом диве было только в своей области. любые margin 0 0 0 100 и padding увеличивают div в размере не смотря на max-width:300.
В итоге должно выглядеть как 4 квадрата и содержимое в каждом ограничено ровно зоной видимости квадрата. Это вообще возможно? Может нужно без вложенности?