Question

对不起我是编码CSS的新手，但是我已经开始使用WP Twenty Sixteen主题了，我想修改它，使网站标题和徽标对齐，使徽标和标题位于同一行，标题集中于页面和左侧的徽标。目前，标题直接在徽标下面。以下是我认为主题中未正确修改的2016年代码片段？

.custom-logo {
    max-width: 180px;
}

.site-title {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 23px;
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 1.2173913043;
    margin: 0;
}

理想情况下，我想使用额外的CSS功能，直到我更熟悉修改主题。我可以将标题居中但在徽标下方并可以向下移动标题（添加但不删除垂直空白）。

Answer 1

使用float:left;将元素浮动到左侧。下面是代码示例：

＆＃13;

.custom-logo {
    max-width: 180px;
    float:left;
}

.site-title {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-size: 1.4375rem;
    font-weight: 700;
    line-height: 1.2173913043;
    margin: 0;
}

＆＃13;

<div class="logotitlewrapper">
  <div class="custom-logo">
    <img src="https://dummyimage.com/180x100/000/fff&text=dummy+logo+image" />
  </div>
  <div class="site-title">
    <h1>Site Title</h1>
  </div>
</div>

＆＃13;

Answer 2

使用display：inline-block;和vertical-align：middle;并在两个类中粘贴它只需添加边距，这样就可以在它们之间添加空格。

标识和标题在同一行上，而不是标题下面的标题

2 个答案: