如何设置自动填充以对应div的宽度

Question

  

可能重复：
  Evenly spaced list items

我想制作一个自动填充以对应我div的宽度。

以下是现在的样子：

|-------------------------------------------------------------------------------|
|                    mytext1 mytext2 mytext3 mytext4 mytext5                    |
|-------------------------------------------------------------------------------|

以下是我希望它看起来像：

|-------------------------------------------------------------------------------|
|mytext1           mytext2           mytext3           mytext4           mytext5|
|-------------------------------------------------------------------------------|

<小时/>

这是我的代码：

HTML ：

<div id="header-1">
    <div id="header-2">
        <ul>
            <li>mytext1</li>
            <li>mytext2</li>
            <li>mytext3</li>
            <li>mytext4</li>
            <li>mytext2</li>
        </ul>
    </div>
</div>

CSS ：

#header-1 { width: 100%; height: 33px; }
#header-2 ul { max-width: 960px; margin: auto; text-align: center; padding-right: 30px; padding-top: 7.5px; }
#header-2 li { list-style-type: none; display: inline; }

Fiddle

注意：我不想使用表格。