让html表格水平放置单元格

我在一个巨大的表中有html表，我正试图将它们的单元格水平放置在php动态生成的表中。现在，我的结构如下所示：

<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>
            1
          </td>
        </tr>
      </table>
      <table>
        <tr>
          <td>
            2
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

1.
2.

我的chrome浏览器正在渲染的html输出单元格如下：

<table>
  <tr>
    <td>
      <table>
        <tr>
          <td>
            1
          </td>
        </tr>
      </table>
      <table>
        <tr>
          <td>
            2
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

1
二,

而不是：

1 2

我知道我可以很容易地做到这一点：

<table>
  <tr>
    <td>
      1
    </td>
  </tr>
  <tr>
    <td>
      2
    </td>
  </tr>
</table>

1.
2.

并有我想要的输出：

1 2

---

但我有一些信息不能完全放在表中的td单元中。有什么帮助吗？

使用float:left作为表格CSS

table{
    float:left;
}

如果使用“float:left”并将一些文本放在表格后面，它将位于表格旁边，而不是底部。
使用

---

不要使用嵌套表。@bjb568为什么？有什么建议吗？因为表格是用于表格数据的-你可能根本不需要表格。我不明白为什么有些东西不能完全适合td单元格。你能解释一下吗？@user3423909你能把每一个都包装成一个div并“inline block”它们（或float left）吗。容器的宽度将决定水平排列的数量，因此使其外部容器足够宽，仅包含其中的5个。需要创建一个由5x5个表格单元格组成的网格。我不认为Css能帮我做到这一点。将它们并排浮动，但不是在我想要的5x5网格中。这可能令人困惑。