duas colunas virarem uma, vice-versa

[Zhero 0]

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:

 

 

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.

[William Bruno 1501]

quando eu faço isso por float left e float right,

use apenas left nas duas.

float: left; e float: left;