I'm sorry if this is a very basic question. But I have a header that has a height of 350px. I have a h1 and I want it to be vertically in the center of the header. I used "text-align: center;" and it aligns it horizontally but not vertically. Help please ?
HTML
<body>
<header>
<h1> Cian Designs </h1>
</header>
</body>
CSS
header {
position: fixed;
width: 100%;
min-height: 350px;
background-image: url("../resources/img/header.png");
background-position: center;
background-size: cover;
}
header h1 {
text-align: center;
vertical-align: middle;
font-family: Roboto;
font-size: 50px;
color: #fff;
text-transform: uppercase;
text-shadow: 1px 1px 1px black;
}