Multi column CSS3
Vale resaltar que esta função não funciona no navegador iE (Internet Explorer).
Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.
Os textos serão automáticamente divididos em colunas de acordo com a largura e quantidade de colunas.
 column-count:define o número de colunas column-gap: Padding (cria um espaço entre as colunas) column-rule: Estilização da borda, que ficará entre as colunas. 01)No seu css adicione:
/*** css3 - colunas by marlÃvia!*/ #box-coluns { margin:0.5em 0 0.5em 0; -moz-column-count: 2; /* n° de colunas!*/ -webkit-column-count: 2; /* padding (espaço entre as colunas)*/ -moz-column-gap: 1em; -webkit-column-gap: 1em; /* linha que separa as colunas!*/ -webkit-column-rule: 1px solid #f0f0f0; -moz-column-rule: 1px solid #f0f0f0; }
02)No lugar desejado adicione:
<div id="box-coluns">Conteúdo desejado aqui</div>
