how to center a html header

1div {
2  width: 100%;
3  height: 200px;
4  display: flex;
5  justify-content: center;
6  align-items: center;
7  background: blue;
8}
9
10text {
11  background: orange;
12}
13
14<div>
15   <text>Centered horizontally and vertically</text>
16</div>

1h1{text-align: center;}

1.headerTwoDiv{
2			margin:1% auto;
3			margin-right: auto; margin-left: auto; width: 21%; 
4			padding-top: 11px;
5		}
6