如何合并两个div并在表中的每个roww上放置标题

<div class="container">
  <div class="div1">内容1</div>
  <div class="div2">内容2</div>
</div>

.container {
  display: flex;
}

.div1, .div2 {
  flex: 1;
}

<table>
  <tr>
    <td>标题1</td>
    <td>标题2</td>
  </tr>
  <tr>
    <td>
      <div class="container">
        <div class="div1">内容1</div>
        <div class="div2">内容2</div>
      </div>
    </td>
    <td>
      <div class="container">
        <div class="div1">内容1</div>
        <div class="div2">内容2</div>
      </div>
    </td>
  </tr>
  <!-- 其他行... -->
</table>