html - 複数行のフローティング要素のセンタリング

Question

しばらく試したり探したりしてきましたが、うまくいきません。

<div class="wrapper">
    <div class="project-container">
        <ul>
            <li><div class="project-box"></div></li>
            <li><div class="project-box"></div></li>
            <li><div class="project-box"></div></li>
        </ul>
    </div>
</div>

この説明 ( http://solstice.co.il/blog/2008-02-26/horizo ​​ntally-centering- content -dynamic-width-css )。

ただし、浮動要素が 1 行に収まらないために複数の行を占有する必要がある場合 (たとえば、「li」が 9 つを超える場合、またはウィンドウが引き伸ばされる場合)、それらはもはや中心。

編集:固定幅ではなく、レスポンシブにしたい。

複数行の浮動要素を中央に配置するにはどうすればよいですか? 柔軟な幅/レスポンシブグリッドを作成するための他の提案/より良い方法はありますか?