Как разместить блок и текст в нем по центру страницы?

Question

[fleshik]

подскажите как правильно прописать код html и css что б блок с текстом был размещен по центру страницы то есть
с одинаковыми отступами сверху и снизу слева и справа, текс тоже должен быть по середине блока, а черный фон вокруг текста должен быть одинакового размера со всех сторон https://jsfiddle.net/to1v7kyc/3/

Answer 1

[xdevelx]

Так?

https://codepen.io/xdevelx/pen/YzyKdoz

Comments

[fleshik]

а можно вариант без использования min-height: 100vh; ?

[xdevelx]

fleshik, можно - codepen изменил. Чем vh не угодил? Поддержка IE9+. У flex IE10+ с префиксами.

[fleshik]

xdevelx, я недавно только изучил сss так что даже не знал что без min-height: 100 код не будет работать, если можно вопрос min-height: 100%; (vh) и margin: 0; при верстке они прописываются сразу в самом body или по ходу верстки в самих селекторах

[xdevelx]

fleshik, В css прописываете эти стили.

[fleshik]

xdevelx я понимаю что в сss я имел ввиду это прописывается сразу для всего body или для каждого блока по отдельности

[xdevelx]

fleshik, Что значит для каждого блока по отдельности?

[fleshik]

xdevelx, сlдзали какой то блок и после указаний для него параметров там цвет размер и т.д прописываем ему эти значения margin: 0; min-height: 100%; или это прописывается сразу в стилях сss для doby {margin: 0; min-height: 100%}

[xdevelx]

fleshik, В самом начале css прописывается один раз для body.

Answer 2

[Олег]

Answer 3

[Aniri14]

<div class="t_1">Типа такого?</div>