Как разместить форму по центру?

Question

[fleshik]

подскажите как разместить например такую форму https://jsfiddle.net/2vspe9d7/ в центре страницы с одинаковыми отступами не только слева и справа, но и сверху и снизу

Answer 1

[Softlink]

Вот так

Comments

[fleshik]

А без использования vh можно как то сделать?

[Softlink]

Вас именно vh смущают? Технически сделать можно. Но без 100% высоты все равно не обойтись.

[fleshik]

это именно то что я искал спасибо, перепробовал этот вариант несколько раз, но при указании body height: 100% не добавлял html и ничего не работало не подскажите почему не работает без html с чем это связано я думал что задание для body height: 100% достаточно

[Softlink]

Высота наследуется от родителя. Первым идет html, и если его высота не равна 100%, то высоте 100% для body не от чего отталкиваться. Однако в 100% для html и body есть подводные камни и в некоторых случаях они могут откровенно мешать.

[fleshik]

спасибо