将wordpress网站标题与徽标对齐

Question

我的网站提交与徽标不一致 这就是它现在的样子：

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”。

Answer 2

在你的h1元素中添加以下内容：style="padding-top:20px;"结果：

<h1 class="site-title" style="padding-top:20px;>

根据需要添加更多填充像素。