Css 如何在同一直线上居中放置流体div？

我在Dreamweaver中使用流体网格布局，在同一条线上有三个div。看起来不错，只是我想把这三个div都放在页面的中心。现在他们都被转移到了左边，因为这显然是他们被要求做的。我只是不知道如何告诉他们要居中

非常感谢您的帮助

现在看起来就像这样（不是我的照片）：

编辑：

请看这张照片，看看我到底在用什么

---

我需要这些div居中且保持流畅。

他们现在习惯了这样的css

#wrapper{
margin:0 auto;
width:800px;
overflow:hidden;
}

#item1, #item2 , #item3 {
float:left;
width:30%;
 }
#item1{
margin-left:3%;
}

---

如果我理解正确，您只需添加

margin:0 auto到您的包装器

#wrapper
{
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}

#item1 {
    float: left;
    width: 32.6007%;
}
#item2 {
    float: left;
    width: 32.6007%;
}
#item3 {
    float: left;
    width: 32.6007%;
}

span.clear /*clearfix*/
{
    display: block;
    clear: both;
}

您也不需要声明
display:block在div上，因为默认情况下它是块级元素。同时删除div上的clear，否则这将破坏浮动（这是三个div之后的
span.clear
的作用）

演示：


在您的评论之后，您需要添加一个额外的div来环绕中心元素，将该div的边距设置为
0 auto
，并重新构造HTML的其余部分，以便两个块中的每个块都位于另一个包装div:）

确保您是在真实浏览器中检查行为，而不是在Dreamweaver的实时视图中检查行为。糟透了。是的，我几乎从不使用实时视图。我感谢你的帮助！不幸的是，尽管你的演示看起来是正确的，但我似乎无法在我的网站上实现这一点。请看这张照片，看看我正在建设的网站和需要居中的地方。请记住，一切都必须保持流动。好的，您需要添加另一个div并稍微重新构造标记：
#wrapper
{
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}

#item1 {
    float: left;
    width: 32.6007%;
}
#item2 {
    float: left;
    width: 32.6007%;
}
#item3 {
    float: left;
    width: 32.6007%;
}

span.clear /*clearfix*/
{
    display: block;
    clear: both;
}