Pan_Stephan

Старые-добрые position: absolute, position: relative и z-index. Их бояться не нужно, просто нужно грамотно использовать в тандеме с теми элементами, что в потоке вёрстки.

Полностью адаптивно, подстраивается под размеры контента, ни на что не налезает (ограничение по ширине элементов исключительно для примера, а красная рамка — чтобы показать реальные размеры блока):

Скажу так, я тоже занимаю веб разработкой, когда было модно (в 2010) - работал за 3мя мониторами!
Спустя время дошел до выгнутых широкоугольных и ограничивался одним, последним был вообще простой 27 Benq который с док станцией для новых макбуков! Но так как я его почти никогда не включал, только фильмы смотреть) Но сейчас "картинка в картинке" решает)

Сейчас работаю только за 15" макбуком и иногда екрана уже много) Изредка подумываю взять 13ку)
Дело привычки, благо mac OS удобна в использовании на одном екране (так как сколько бы мониторов у вас не было - всеравно взгляд падает на один, а в mac OS переход между рабочими областями (экранами) очень легко выполнить и не надо при этом головой крутить))

<div <?=$red ? 'class="red"' : ''?>><?=$text?></div>