html - 我无法让 Logo 在标题中垂直居中

Question

这看起来应该简单得多，但是我已经尝试查看以前类似问题的其他一些答案，但没有成功。

我一直在尝试使用 CSS 来让我的 Logo 和一个内联 block 无序列表在我的标题中垂直 float 。

关于logo我试过

vertical-align: middle; 

什么都没做，我也试过了:

top: 50%;
transform: translateY(-50%);
-webkit-transform: translateX(-50%);

这两个元素都发送到标题的最顶部，屏幕中间。

我也在无序列表上尝试了第二条规则，这使得两个元素都移动到屏幕的左侧。

真的不确定发生了什么，但我希望找到一个解决方案，这意味着如果我调整标题的高度，它们将保持垂直居中，因为我将来会在其他网站上使用这个模板/wordpress 主题这将使我以后的生活更轻松。

我的 CSS 是:

.header {
width: 75%;
height: 100px;
margin: 0 auto; 
}

img.standard.logo { 
position: relative;
float: left;
height: 40px;
width: 360px; 
}

.header nav ul{
display:block;
float:right;
padding:0;
margin-top:12px;
margin-bottom:0px;
list-style:none; 
}

Answer 1

简单的解决方案是通过 margin-top 插入它:

img.standard.logo {
   margin-top: 30px;
}