如何对齐3个div左中右？

Question

如何在左中右一行中对齐3个div而无需定义显式大小？

左边应该与左边缘对齐,右边边缘对齐.

以下不起作用:

<div style="float: left;">
    left
</div>
<div style="float: right;">
    right
</div>
<div style="margin: 0 auto;">
    center
</div>

Answer 1

添加一个包装div并给出text-align:center

CSS

.wrap{
        text-align:center
    }

HTML

<div class="wrap">
<div class="left">
    left
</div>
<div class="right">
    right
</div>
<div class="center">
    center sdv dg sdb sdfbh sdfhfdhh h dfh
</div>
    </div>

DEMO