Фикс высота блока?

Question

[Breeze1]

Ребят, сижу туплю. У серого блока фикс высота, как лучше сделать, чтобы красный блок отбивался от текста, а не от серого блока ? Так как текста может быть сколько угодно, верхний отступ делать для красного блока не вариант.

https://codepen.io/brezze/pen/MQaXpj

Comments

[Александр]

отбивался..?

[Breeze1]

Александр, чтобы высота текст учитывалась, сейчас красный блок прилипает к серому, нужно чтобы он видел высоту текста

[Breeze1]

AnnaVel, мне не нужно скрывать текст в сером блоке, он должен быть поверх

[VelAnna]

у .block1 фиксированная высота. Текст просто не может вместиться в блок и выходит за его пределы. Уберите ограничение по высоте.

[Breeze1]

AnnaVel, я понимаю почему это происходит, там фикс высота не просто же так стоит ))) единственный выход вижу добавить текст в красный блок и через позиционирование поднять его вверх

[VelAnna]

Объясните, какой нужен результат расположения блоков и текста?

[Breeze1]

AnnaVel, поправил пример. Блок с текстом должен на половину быть на сером, остальная часть как бы свисает с него. Красный блок не должен налазить на блок с текстом, сколько бы текст не было внутри. сейчас я просто дал отступ для красного блока

[VelAnna]

Breeze1, https://codepen.io/AnnaVel/pen/JpYBYw

Answer 1

[mdss]

Самое простое решение через псевдоэлемент
https://codepen.io/mdss/pen/wyKVbR