如何在部分标签中并排对齐图片和文本div？

<div class="container">
  <div class="image-container">
    <img src="image.jpg" alt="Image">
  </div>
  <div class="text-container">
    <p>Text</p>
  </div>
</div>

.container {
  display: flex;
}

.image-container, .text-container {
  flex: 1;
}

.image-container img {
  vertical-align: middle; /* 图片垂直居中对齐 */
}

.text-container p {
  margin: 0; /* 去除段落的默认边距 */
}