Html 如何将多个项目放在一列中？

我是新来设计网站的，我有一个问题。我设计的网页有3列（流体布局），我想知道如何使它，使我可以有多个项目在每列？我试图用这个网页完成的是在这个网页上嵌入9个youtube视频，我想要3行，所以我需要能够在每列中放置3个相互堆叠的视频。我正在尝试找出如何在不使用不推荐的中心标记的情况下，将每个视频集中在列中。 谢谢

编码如下：

---

它在该站点的预览中看起来很混乱，因此如果您复制并粘贴它，然后在浏览器中查看，它应该看起来很正常。

在其中一列中放置一个表。

您可以尝试以下两种方法之一

文本对齐：居中

您还可以将每个视频包装在其自己的
div
中，并通过将左边距和右边距声明为自动居中，为
div
指定
margin:0 auto

其容器中的块元素

像这样的事


结构：

<div class="page">
<div class="column">
    <div class="item">Item #1</div>
    <div class="item">Item #2</div>
    <div class="item">Item #3</div>
</div>
<div class="column">
    <div class="item">Item #1</div>
    <div class="item">Item #2</div>
    <div class="item">Item #3</div>
</div>
<div class="column">
    <div class="item">Item #1</div>
    <div class="item">Item #2</div>
    <div class="item">Item #3</div>
</div>
</div>

你试过什么？你能举个例子吗？下面是代码：它在那个网站的预览中看起来很混乱，所以如果你复制并粘贴它，然后在浏览器中查看，它应该看起来很正常。他没有说太多他尝试过的东西，所以我猜他还没有意识到他可以用html做类似的事情。我试着使用一个表，但是它让所有的柱子都重叠了。嗨，杰夫！你是亨德森人吗？88年毕业？不抱歉，1988年我才1岁。哈哈。
.page {
    width : 640px;
}

.column {
    background-color : #e0e0e0;
    width : 200px;
    float : left;
    border : 1px solid black;
}

.item {
    background-color : yellow;
    width : 100px;
    border : 1px dashed red;
    margin : 5px auto 5px auto;
}