css - 对齐标题 - Wordpress

Question

目前正在尝试对齐我的网站 Logo 、菜单和联系我们按钮。 ( 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;
}