将内嵌块图像和文本居中

Question

我在文本旁边放置了一个图像，两个内联块元素，并且很难将它们居中。我已经尝试将两者都包含在div中并应用text-align:center，但没有任何变化。我还考虑过将h1更改为display：block然后应用text-align:center，但我希望文本和标题都相对于它下面的内容居中，而不是整个事情稍微偏离 - 以图像的放置为中心。

HTML：

<img src="logo.svg">
<h1 id="logo-text">TITLE</h1>

CSS：

header img {
    display:inline-block;
    margin:0 auto;
    height:50px;
}

header h1#logo-text {
    display:inline-block;
    float:none;
    margin:0 auto;
    height:50px;
    line-height:50px;
}