html - 将 wordpress 网站标题与 Logo 对齐

Question

我的网站标题与 Logo 不一致这是它现在的样子:

Wordpess 正在生成以下 html 片段:

<div id="logo" class="clearfix">

    <a href="http://localhost/test/" class="custom-logo-link" rel="home" itemprop="url"><img width="100" height="100" src="http://localhost/test/wp-content/uploads/2016/06/icon.png" class="custom-logo" alt="recette flocon advoine" itemprop="logo"></a>                     
        <h1 class="site-title"><a href="http://localhost/test/" rel="home">test test</a></h1>



        <h2 class="site-description">slogan</h2>

    </div>

我怎样才能得到这样的东西:

Answer 1

#logo{display: table;}
.h1{display: table-cell; vertical-align:middle}

这应该可以，如果不行，试试:顶部:50%； margin-top: - half.the.height.of.the.font.size 。顺便说一句，“http://localhost/test/”在很多层面上都是错误的。请改用“index.php/index.html”。