CSS3：在第二和第三之间浮动第一个div

应该是一个简单的解决方案：

我有以下顺序的div：

<div id="middle"></div>
<div id="right"></div>
<div id="left"></div>

我必须按此顺序拥有它们.使用浮点数,我如何让第一个div(“中间”)落在第二个div之间.

每个div都有一个设定高度和一个设定宽度(以px为单位).

我试过做浮动：左;在中间：

[[middle] right] [left]

然后漂浮：对;在顶部群集上：

[left [[middle] right]]]

但它显示为

[middle][left][right]

有帮助吗？

编辑：这是目前的来源：

http://pastebin.com/sjiw9PLn

http://pastebin.com/NMsWk1nZ

解决方法

你可以像这样写：

div{
display:inline-block;
}
#left{
 float:left;
}
#right{
 float:right;
}

检查这个http://jsfiddle.net/8amez/