Html 将TD元素彼此相邻放置

我有一个小问题（也许很简单）。我现在有一张表，显示为普通表

------------------- 
| item 1 | item 4 |
------------------- 
| item 2 | item 5 |
------------------- 
| item 3 | item 6 |
-------------------

这对大多数页面（布局方面）都很好，但我在另一个页面上有相同的表，该表的布局不适合它所在的

div

。所以我在想，我可以使用CSS将表格数据相邻对齐吗：

------------------------------------------------------- 
| item 1 | item 2 | item 3 | item 4 | item 5 | item 6 |
-------------------------------------------------------

我尝试了一些我在谷歌上找到的东西。

显示：内联块，
显示：内联表，
浮动：左
。这有可能吗？我知道你可以用另一种方法，使用
display:block

这是我的HTML：

<table>
    <tr>
        <td><i class='fa fa-users' aria-hidden='true'></i></td>
        <td><p>". chop($str,"-999") . "</p></td>
    </tr>
    <tr>
        <td><i class='fa fa-clock-o' aria-hidden='true'></i></td>
        <td><p>" . $row["Tijdsduur"] . "</p></td>
    </tr>
    <tr>
        <td><i class='fa fa-euro' aria-hidden='true'></i></td>
        <td><p><small>" . $var . "</small></p></td>
    </tr>
</table>  


“.chop（$str，“-999”）。”

“$row[“Tijdsduur”]”

“$var。”


我尝试了一些我在谷歌上找到的东西。显示：内联块

那就行了


td{边框：纯黑1px；}
tr，td{display:inline block；}

“.chop（$str，“-999”）。”

“$row[“Tijdsduur”]”

“$var。”

对，我告诉过你这可能很简单。奇怪的是，
内联块
首先不起作用。我不知道发生了什么事。但是谢谢！