Jak użyć clear:both bez float: left?

Question

Cześć, chciałbym aby divy #eur i #gbp zyskały efekt clear: both lecz niestety mój kod nie działa. Warunkiem jest tutaj to by całość była wyśrodkowana. Potrzebuję tego w budowaniu responsywności za pomocą @media. Tutaj zamieszczam cały kod:
http://jsfiddle.net/rtM6J/128/
Proszę o pomoc,
Pozdrawiam

Answer 1

Zamiast float: none; wstaw margin: 0 auto; Wtedy clear: both; jest zbędne.

Z użyciem @Media: http://jsfiddle.net/rtM6J/131/

Comments

Chyba nie rozumiesz, chcę mieć w jednej linii wyśrodkowane pierwsze dwa divy, a w kolejnej dwa drugie :) Coś takiego:

---

O tak?

http://jsfiddle.net/rtM6J/130/

---

Tak, tylko, że ten efekt ma działać pod warunkiem @media.

---

Proszę:

http://jsfiddle.net/rtM6J/131/

---

Aaa no tak :) Dzięki wielkie. Uparłem się niepotrzebnie na edycję istniejących bloków.

---

Ja bym po prostu w tym kodzie http://jsfiddle.net/rtM6J/128/ ustawił szerokość .box w @media. Jeżeli waluty nie będą się mieścić to przeskoczą w dół.