html - 如何将多个div彼此相邻对齐？

Question

我是 Html 的新手，我正在尝试将多个 div 水平对齐。我也尝试了 float 属性和显示内联属性，但没有任何效果。任何人都可以建议任何方法吗？

我的代码:

#display2letter
{
width:150px;
height:50px;
background-color:grey;
box: 10px 10px 5px #888888;    
}
#display3letter
{
width:150px;
height:50px;
background-color:blue;
box: 10px 10px 5px #888888;
}
#display4letter
{
width:150px;
height:50px;
background-color:grey;
box: 10px 10px 5px #888888;
}

#one
{
position:fixed;
left:23%;
}
#two
{
position:fixed;
left:23%;
}
#three
{
position:fixed;
left:23%;
}

这是 fiddle

http://jsfiddle.net/pGHS9/1/

Answer 1

我制作了 JSFIDDLE，我不确定那是不是你说的。

我添加了一个框并将固定位置更改为相对:

.box {
    float: left;
    width: 270px;
}
#one
{
position:relative;
left:23%;
}
#two
{
position:relative;
left:23%;
}
#three
{
position:relative;
left:23%;
}

JSFIDDLE