在同一行CSS上对齐徽标和标题

Question

如何将徽标和标题对齐在同一行？现在徽标在标题上方。

/***** Header *****/

.mh-header {
  background: #fff;
}

.mh-site-logo {
  padding: 20px;
  overflow: hidden;
}

.mh-header-text {
  margin: 5px 0;
  text-transform: uppercase;
}

.mh-header-title {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1;
}

.mh-header-tagline {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #e64946;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}

Answer 1

使用类 wrapper 元素将徽标和标题放在同一个div中，然后为此div元素添加此CSS样式

wrapper{ display: flex;}