duas colunas virarem uma, vice-versa

Olá, estou com um problema meio chato, tenho um layout com um conteúdo principal. Nesse conteúdo eu tenho várias box, e quero que elas fiquem em duas colunas, caso a tela da pessoa comporte, caso contrário fique apenas uma coluna, porém quando eu faço isso por float left e float right, quando fica uma coluna só elas ficam uma no canto direito e outra coluna no canto esquerdo algo assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i51.tinypic.com/2u7m2ht.png&key=014a952b74bdf6a0e36803a5d982c0057155473f788e865091e268a1a19446c6" alt="2u7m2ht.png" />

e quando eu deixo todas em uma coluna única, não sei como fazer pra quebrar no meio e passar parte pro lado ( <br /> não funcionou e nem sei se era pra funcionar).

alguém teria alguma idéa pra resolver ? :/

Desde já grato.