Как разместить 2 ячейки в таблице с переносом на следующую строку?

Необходимо разместить 2 ячейки во всю ширину таблицы, но если не хватает ширини для отображения контента - необходимо перенести вторую ячейку на следующую строку, так, что-бы обе занимали всю ширину таблицы.
Делаю так

<table class="table" style="width:100%; display: table;">
   <tbody>
      <tr>
         <td style="border: 1px solid black; display: inline-table;"> Контент первой ячейки </td>
         <td style="border: 1px solid black; display: inline-table;"> Контент второй ячейки </td>
      </tr>
   </tbody>
</table>

Так же, пытался сделать по аналогии но с display: block и display: inline-block
Ячейки переносятся, но в исходном состоянии не занимают всю ширину таблицы.
Подскажите, как решить задачу?