如何使图片和文本排成一行

<div>
  <img src="image.jpg" alt="图片">
  <p>文本内容</p>
</div>

div {
  display: inline-block;
}

<div class="container">
  <img src="image.jpg" alt="图片">
  <p>文本内容</p>
</div>

.container {
  display: flex;
  align-items: center; /* 垂直居中对齐 */
}

.container img, .container p {
  margin-right: 10px; /* 可选，设置图片和文本之间的间距 */
}

<div class="row">
  <div class="col">
    <img src="image.jpg" alt="图片">
  </div>
  <div class="col">
    <p>文本内容</p>
  </div>
</div>