父div中的中心3 div

Question

我试图将3 div放入父div而没有结果.请问你能帮帮我吗 ？

HTML:

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

CSS:

#container {
   text-align: center;
}

#left, #middle, #right {
    width: 200px;
    float: left;
    background: red;
    height: 90px;
}

结果:

Answer 1

更改float:left;为display:inline-block;,如下所示:

#left, #middle, #right {
    width: 200px;
    display:inline-block;
    background: red;
    height: 90px;
}