如何在两个带有图片的div下面添加一个标题，这样标题就会有文字环绕？

<div class="container">
  <div class="image-div">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="image-div">
    <img src="image2.jpg" alt="Image 2">
  </div>
  <h2 class="title">标题文字</h2>
</div>

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

.image-div {
  float: left; /* 左浮动 */
  width: 50%; /* 设置宽度为父容器的一半 */
}

.title {
  clear: both; /* 清除浮动 */
  margin-top: 20px; /* 设置标题与图片之间的间距 */
}