center header html css code example
Example 1: header center
div {
width: 100%;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
background: blue;
}
text {
background: orange;
}
<div>
<text>Centered horizontally and vertically</text>
</div>
Example 2: css position element in the middle of a header
P.blocktext {
margin-left: auto;
margin-right: auto;
width: 200px;/*usually works best with a fixed width*/
}