Html 尝试在一个div中居中放置3个div

嗨，我正试着把三个div放在一个div的中间

.outer{
边框：1px纯蓝色；
宽度：80%；
}
.内部{
边框：1px纯红；
浮动：左；
宽度：20px；
高度：20px；
左边距：20px；
}
.清楚{
明确：两者皆有；
}

如果您只想实现以下目标：

HTML:

---

发布您的代码，而不是代码的链接请在代码标签中发布代码，然后再发布链接。请提供更多详细信息，也许你想要的图片会更好。试试@paulalexandru你发布的解决方案效果很好，只是它在ie8上不起作用，因为ie8不支持第一种类型。ie8是否有不使用polyfills的解决方案？谢谢，如果您不想使用类型的第一个，只需在该div上添加左边距0作为内联样式，它的工作方式也一样。

<div class="outer">
    <div style="display: inline-block;">
        <div class="inner"></div>
        <div class="inner"></div>
        <div class="inner"></div>
    </div>
</div>

.outer{
    border: 1px solid blue;
    width: 80%;
    text-align: center;
}

.inner:first-of-type{
    margin-left: 0px;
}

.inner{
    border: 1px solid red;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    float: left;
}