對齊標題 - Wordpress

Question

當前嘗試對齊我的網站徽標，菜單和聯繫我們按鈕。 （http://bathpluskitchen.com/）

我已經嘗試了很多CSS調整，但只是似乎無法得到它的權利。有任何想法嗎？

Answer 1

將所有這些元素放在一個容器div中。

<div class="middle-align"> 
    <!-- your elements here --> 
</div> 

然後使用以下方式：

1-行高的方法：

.middle-align { 
    height: 200px; /* 200px is an example height */ 
    line-height: 200px; /* again, an example height */ 
} 

2-表造型方法：

.middle-align { 
    display: table; 
} 

和創建用於所有子元素的容器

<div class="middle-align-child"><!-- child element here --></div> 

.middle-align-child { 
    display: table-cell; 
    vertical-align: middle; 
}