CSS左，右和中心都有元素

Question

我正在尝试对齐元素，使它们左，右和中心有效但是每个元素下面都有一个间隙（参见：http://seananderson.co.uk/），我希望它们并排，下面没有间隙，这是我的CSS：

#introduction {
    margin-left: 0%;
    margin-right: auto;
    width: 33%;
    float:left;
}
#ibiza {
    margin-top: 0%;
    margin-left: 33%;
    margin-right: 33%;
    width: 33%;
}
#social {
    margin-top: 0%;
    margin-left: auto;
    margin-right: 0%;
    width: 33%;
}

Answer 1

将您的ibiza样式更改为此样式。

#ibiza { float: left; margin-top: 0; width: 33% }