Совместите логотип и заголовок в одной строке 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

поместите логотип и заголовок в один div с элементом класса wrapper , затем для этого элемента div добавьте этот стиль CSS

wrapper{ display: flex;}