UTILS.
100% en el navegador

Diseño multicolumna CSS

Genera un diseño de texto multicolumna CSS con una línea divisoria.

Acerca de esta herramienta

Crea un diseño de texto multicolumna CSS ajustando el número de columnas, el espacio entre ellas y una línea divisoria opcional, con una vista previa de ejemplo en vivo y CSS para copiar, todo en tu navegador.

Preguntas frecuentes

¿Qué hace column-count?
Divide el contenido del elemento en esa cantidad de columnas equilibradas, haciendo fluir el texto de una columna a la siguiente como en un periódico.
¿Qué es column-rule?
Dibuja una línea divisoria entre columnas, con su propio ancho, estilo y color, muy parecido a un borde CSS.

Más herramientas