相关疑难解决方法(0)

我该如何修改:

<div style="border: solid 1px red; text-align: center">
    <div style="background-color: yellow; float: left">left</div>
    middle
    <div style="float:right; background-color: yellow">right</div>
</div>

所以"右"与"左"垂直排列？

这是我的坏css看起来像渲染:

left                 middle
                                            right

谢谢!