html css对齐文本，使文本始终位于图像的右侧，而不是其下方

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

.container {
  overflow: auto; /* 清除浮动 */
}

img {
  float: left;
  margin-right: 10px; /* 可根据需要调整图像与文本之间的间距 */
}

p {
  margin: 0; /* 清除段落的默认边距 */
}