Каков наилучший способ сделать текст в центре верхней части заголовка не слева

Question

Как сделать текстовый логотип в центре заголовка сверху вниз, а не в центре слева направо

header{
background-color: black;   
width:100%;
height: 50px; 
position: fixed;
z-index: 999;
}

.logo
{
float: left;
margin-left:200px;
font-size: 30px;
font-weight: bold;
color:

Answer 1

это простое изменение может сделать это

header{
    background-color: black;   
    width:100%;
    height: 50px; 
    position: fixed;
    text-align: center;
    z-index: 999;
    }

.logo{
    font-size: 30px;
    font-weight: bold;
    color:white
}

Answer 2

Не используйте float: left.Лучший способ - использовать контейнеры flexbox.Вам нужно отдать в шапку

display: flex;
align-items: center;

header{
  background-color: black;   
  width:100%;
  height: 50px; 
  position: fixed;
  z-index: 999;
  display: flex;
  align-items: center;
}

.logo {
  color: white;
  margin-left:200px;
  font-size: 30px;
  font-weight: bold;
}

<header>
  <div class="logo">Some Logo</div>
</header>