html - CSSはテーブルの列を全幅の積み上げ要素に変換します

Question

DIV のみを使用して「テーブルのない」テーブル レイアウトを作成する多くの方法を見つけましたが、その逆についてはほとんどありません。

テーブル構造の html ページがいくつかあり、それらはすべて共通の CSS ファイルを参照しています。テーブルは、次のように単純な 2 列のレイアウトになっています。

<table>
  <tbody>
    <tr>
      <th>category</th>
      <td>description</td>
    </tr>
    <tr>
      <th>category</th>
      <td>description</td>
    </tr>
  </tbody>
</table>

CSS のみを使用してテーブルのレイアウトを変換できるようにしたいのですが、必要に応じて「単一列のテーブル」のように見せて、カテゴリと説明の両方を全幅内で別のものの上に積み重ねます。テーブル。display:block と width:100% を試しましたが、クロスブラウザーでは機能しません。

考え？