Как создать два столбца на веб-странице?

Я хочу, чтобы на моей веб-странице было две колонки. Для меня самый простой способ сделать это - использовать таблицу:

<table>
   <tr>
      <td>
         Content of the first column.
      </td>
      <td>
         Content of the second column.
      </td>
   </tr>
</table>

Мне нравится это решение, потому что, во-первых, оно работает (дает именно то, что я хочу), оно также действительно простое и стабильное (у меня всегда будет две колонки, сколько бы ни было у меня окна). Размер и положение таблицы легко контролировать.

Однако я знаю, что людям не нравится макет таблицы, и, насколько мне известно, они вместо этого используют div и css. Так что я бы тоже хотел попробовать этот подход. Кто-нибудь может мне с этим помочь?

Я хотел бы иметь простое решение (без хитростей), которое легко запомнить. Он также должен быть стабильным (чтобы случайно не случилось, что один столбец окажется под другим, или они будут перекрываться или что-то в этом роде).