如何在CSS中将span元素居中？ [关闭]

我有三个<span>我想要一个接一个地水平放置的元素。我还需要中间元素位于页面的中心（水平），但是margin:auto; width: 100px不工作，因为它是<span>。如果我成功了<div>，有一个换行符。

我该如何解决这个问题？

我会使用三个相同的span100px 宽度的元素，display: inline-block嵌套在一个div with text-align设置为中心：http://jsfiddle.net/e9sru/ http://jsfiddle.net/e9sru/

HTML:

<div id="container">
    <span class="inner">
        <div class="overflow">Lorem ipsum dolor est mori. I am overflowing but still to the left of number two</div>
    </span>
    <span class="inner">Two</span>
    <span class="inner">Three</span>
</div>

CSS:

#container {
    text-align: center;
}

.inner {
    display: inline-block;
    position: relative;
}

.overflow {
    float: right;
}