Crear columnas en nuestras entradas

Hoy vamos a hablar de como

podemos poner columnas en nuestras entradas.

Espacio y numero de columnas

Códigos

<style>

.newspaper {

  column-count: 3;

  column-gap: 40px;

}

</style>

y luego justo debajo

<div class="newspaper">

TEXTO

</div>

Numero de columnas: column-count: 3;

Espacio entre columnas: column-gap: 40px;

Ancho de reglas

Ingredientes

<style> 

.newspaper {

  column-count: 3;

  column-gap: 40px;

  column-rule-style: solid;

  column-rule-width: 1px;

}

</style>

}

Numero de columnas: column-count: 3;

Espacio entre columnas: column-gap: 40px;

Regla estilo  column-rule-style: solid;

Ancho estilo regla  column-rule-width: 1px;

Si además queremos cambiar el color de la línea de separacion podemos añadir este código justo debajo de los anteriores

Color estilo regla:  (azul claro) column-rule-color: lightblue;

Enlace