html - 尝试将多个 div 标签居中并将它们保持在同一行

Question

我一直在尝试将联系表和反馈表居中，为了让它们水平对齐，我使用了 float: left;对他们俩但是我也希望两种形式都水平居中显示，

每次我让它们水平显示在一起时，它们都被卡住了左边，每当我让它们居中时，它们就是一个在另一个上面，

我正在尝试做以上两件事

我试过用

    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;

我也用过 float: left;让它们水平并排但我也无法将它们从该选项中居中。

text-align: center; 

似乎只是让我的文字居中而不是我的完整 div 标签

求助，谢谢

Answer 1

将它们全部包装在一个父 DIV 中。

<div id="wrap"><!--content here --></div>

给父级一个固定的宽度和 margin: 0 auto; :

#wrap{
margin: 0 auto;
width:500px;
}