对齐标题 - 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;
}