divを縦と横に配置する方法

Question

divにテキスト（h1）をどのように配置するのかという問題に直面しています。私はWebページをフルスクリーンにして、vh単位で達成しました。

.page { height: 100vh; 
     width: 100%;} 

このページでは、divは水平方向と垂直方向の中央に配置します。私は試しました

.div { top: 50%; 
     left: 50%;} 

しかし、それだけでやっていませんでした。私はまた、これがどの画面にでも集中していることを「象徴的」なものにしたいと思っています。 私はこのようなものを構築しようとしています：http://www.anthonygoodisondesign.com/

Answer 1

以下のようにCSSコードを使用してください。

div{height:100vh; 
 
    display:flex; 
 
    align-items:center; 
 
    justify-content:center; 
 
    }

<div> <h1>center me</h1></div>

Answer 2

使用この：

text-align: center; 
position: relative; 
top: 40vh; 
transform: translateY(-50%); 

https://jsfiddle.net/yak613/pLb8aysd/