wyśrodkowanie elementów w poziomie Opcje

[shreker]

Mam pytanie odnośnie jak wyśrodkować w poziomie coś takiego: - - - - - * * * * * - - - - - . Chodzi oczywiście o wyśrodkowanie elementów w jednej linii w poziomie względem siebie.

[shreker]

niestety nie działa, nie poziomują się dla takiej zawartości:

[HTML] pobierz, plaintext 
<div class="container">
    <div class="item"> - - - - - </div>
    <div class="item"> * * * * * </div>
    <div class="item"> - - - - - </div>
</div>
[HTML] pobierz, plaintext