Witam. Potrzebuje wyśrodkować boxy na stronie niezależnie ile ich tam jest (dlatego zmieniają się szerokości). W przykładzie są 2. Jak to dobrze rozwiązać? Proszę o pomoc.
http://jsfiddle.net/k7hdp/

Przypuszczam że pytasz bo masz problem nie z samym wyśrodkowaniem, a z float.

Opakować w CONTAINER z margin auto i nadać stałe wielkości.

[HTML] pobierz, plaintext 
<div id="LAYOUTBOX">//główny box layoutu
  <div id="CONTAINER" style="margin:0px auto">
    <div>BOX1</div>
    <div>BOX2</div>
    ....
  </div>
</div>
[HTML] pobierz, plaintext 

W tym rozwiązaniu będziesz miał masę problemów jeżeli nie określisz stałej wielkości DIV. Bo musisz je: float:left wtedy wysokość LAYOUT_BOX zmieni się do line-height bo będzie pływać i trzeba będzie ustawić stałą, która nie będzie dopasowywała się do BOX wewnątrz.Same problemy !.

Dlatego musisz poczytać o :
http://www.kurshtml.edu.pl/css/justowanie_...elastyczne.html
http://caniuse.com/#feat=flexbox
No i słynny bug który będzie naprawiony do końca roku:
https://bugzilla.mozilla.org/show_bug.cgi?id=702508

I to w 100% rozwiązuje Twój problem.