UTILS.
100% no navegador

Layout Multicoluna CSS

Gere um layout de texto multicoluna CSS com uma linha divisória.

Sobre esta ferramenta

Monte um layout de texto multicoluna CSS definindo a quantidade de colunas, o espaçamento e uma linha divisória opcional, com uma visualização de amostra ao vivo e CSS copiável, tudo no seu navegador.

Perguntas frequentes

O que o column-count faz?
Ele divide o conteúdo do elemento nessa quantidade de colunas equilibradas, fluindo o texto de uma coluna para a próxima como em um jornal.
O que é o column-rule?
Ele desenha uma linha divisória entre as colunas, com largura, estilo e cor próprios, muito parecido com uma borda CSS.

Mais ferramentas