Почему блоки занимают пространство?

Question

[Johny Marx]

Блоки занимают пространство снизу и смещают текст.
Как это исправить? Подскажите пожалуйста.

Вот сам код Ссылка

Answer 1

[novrm]

Эффект привносит свойство div-блока:
position: relative;
и
position: absolute;
Нужно div-блоки обернуть в некий "оберточный" div-блок - так называемый wrapper.
C position: absolute - вообще нужно быть аккуратным.
Попробуйте поиграться.

Answer 2

[Seva Sargsyan]

Ты хотел чтоб блоки стояли рядом друг с другом?

Comments

[Johny Marx]

Да как карточная колода

[Seva Sargsyan]

Джаник Марупов: codepen.io/sevasargsyan/pen/WwqaOK

[Johny Marx]

Вы меня совсем не поняли. Я хотел избавиться от пустого пространства и сместить текст вниз.

[Seva Sargsyan]

Джаник Марупов: codepen.io/sevasargsyan/pen/WwqaOK

[Seva Sargsyan]

Джаник Марупов: codepen.io/sevasargsyan/pen/qZzJpZ

[Seva Sargsyan]

Джаник Марупов: codepen.io/sevasargsyan/pen/Wwqadg

Answer 3

[Johny Marx]

Ошибку я понял и исправил, но теперь текст выбегает вперед блоков, хотя по структуре Html он стоит в самом конце. Как его переместить в самый конец страницы?
Вот кодСсылка

Comments

[novrm]

Копни в сторону position: absolute;
C position: absolute - вообще нужно быть аккуратным.