Как правильно сверстать блок?

Question

[testtoster]

Есть блок, который содержит в себе обычное горизонтальное меню и текст, который располагается под ним. Блок должен быть на всю ширину экрана 100vh, меню прижато к верхнему краю, а текст, который под меню должен быть по центру экрана. Как правильно такое реализовать? Проблема заключается в том, что если центрировать текст относительно экрана через flexbox, то меню верхнее создает отступ.

Всем спасибо за помощь ;)

Comments

[Антон]

И что вы уже сделали? Где код, изображение, как должно быть и как есть сейчас?

[WapSter]

Все так понятно.

[dom1n1k]

Не хватает деталей - сколько текста на экране? Он всегда помещается или возможно переполнение? Если переполнение, тогда что должно получиться? Вообще, хорошо бы эскиз.

Answer 1

[WapSter]

Пустой блок внизу, костыль но сработает. Отрицательный марджин на высоту меню. Меню сделать относительно позиционированным.

Comments

[Михаил]

тогда уж padding-bottom

[WapSter]

Михаил, я его код не вижу если задан box-sizing: border-box то ничего не выйдет. Но да еще один способ.

Answer 2

[Nuby]

для меню
margin: 0 auto; (или просто 0)