我目前正在开发一个响应式布局，它包含两个通过position: absolute定位的固定宽度元素和通过margin: 0 auto居中的中间元素。包装器元素有一个padding: left和padding: right来推动中间元素远离两个固定元素。
使用正确的HTML结构left, middle, right，right元素将被推送到下一行，因为middle元素是普通的块元素。
是否有其他方法可以在CSS中修复此问题，而无需更改HTML结构left, right, middle并仍然使用margin: 0 auto来居中中间元素？
请参阅JS bin以获取实时演示：http://jsbin.com/kucohewoyole/2/