如何将徽标和文本放在同一行？

<div>
  <img src="logo.png" alt="Logo" />
  <span>文本内容</span>
</div>

div {
  display: inline-block;
}

<div class="container">
  <div class="logo">
    <img src="logo.png" alt="Logo" />
  </div>
  <div class="text">
    <span>文本内容</span>
  </div>
</div>

.container {
  display: flex;
}

.logo {
  flex: 0 0 auto;
}

.text {
  flex: 1;
}

<div class="row">
  <div class="col-xs-4">
    <img src="logo.png" alt="Logo" />
  </div>
  <div class="col-xs-8">
    <span>文本内容</span>
  </div>
</div>