响应html表

我创建了一个具有以下结构的

HTML

表：

Title Text Title Text
Title Text Title Text

现在，在手机上（给你

.table{ width:100%;}
.table tr , .table th{
  float:left;
 }

---

2行表格？你能提供一些代码吗？你介意使用div吗？谢谢你的回答。你现在可以在我的问题中找到代码。

<table class="table">
<tr>
    <th>Title Column 1</th>
    <td>Content Column 1</td>
    <th>itle Column 2</th>
    <td>Content Column 2</td>
</tr>
<tr>
    <th>Title Column 1</th>
    <td>Content Column 1</td>
    <th>itle Column 2</th>
    <td>Content Column 2</td>
</tr>
</table>

.table{ width:100%;}
.table tr , .table th{
  float:left;
 }