Как вертикально выровнять текст в строке заголовка

Question

Как вы можете видеть по этому кодефею, даже если я установил text-align: center;, изображение направо, но текст находится внизу. Как сделать его вертикально выровненным к середине изображения.

* { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
#header { 
 
    width: 100%; 
 
    height: auto; 
 
    position: fixed; 
 
    top: 0px; 
 
    background-color: black; 
 
    color: white; 
 
    text-align: center; 
 
}

<div id="header"> 
 
    test 
 
    <img src="../immagini/logo.png" height="100px" style="padding: 0px 20px">test 
 
</div>

Answer 1

Это до смешного легко. Просто используйте это:

img { 
    vertical-align:middle; 
}