一个span中是图片，一个是h4，如何让他们在一行显示

要在HTML中让图片和`<h4>`标签在同一行显示，你可以使用CSS来控制元素的布局。下面是一个示例：

首先，在HTML部分，你可以这样做：

<div class="content-row">
  <img src="your-image-url" alt="Your Image Description" class="image">
  <h4>Your Heading Here</h4>
</div>

这里我们创建了一个名为`.content-row`的容器，然后图片和标题分别放入其中。

接下来，使用CSS调整样式：

.content-row {
  display: -webkit-box; /* For Safari 3-5 and Opera 10.5 */
  display: -ms-flexbox;  /* IE 10 */
  display: flex;
  align-items: center; /* Vertically centers the content */
}

.image {
  margin-right: 10px; /* Add some space between the image and text if needed */
  width: auto; /* Keep the image's original size */
}

/* If you want to limit the row width */
.content-row {
  max-width: 600px;
  overflow-x: hidden;
  word-wrap: break-word;
}

这里的`align-items: center`使得图像和标题在垂直方向上居中对齐。如果你需要限制行宽或者处理文本溢出，也可以添加相应的CSS规则。