Maak je tekst in meerdere kolommen

Maak zeer gemakkelijk een kolommen structuur van je tekst, net zo als een krant.

Deze mogelijkheid werkt alleen in een <div>.
Hieronder de css code met uitleg.

De  css stytle coding [de code]

/* voor firefox */
-moz-column-count: 3;           /* aantal kolommen */
-moz-column-gap: 10px;        /* ruimte tussen de kolommen in px */
/* voor safari */
-webkit-column-count: 3;      /* aantal kolommen */
-webkit-column-gap: 10px;  /* ruimte tussen de kolommen in px */
/* voor brouwsers */
column-count: 3;                       /* aantal kolommen */
column-gap: 10px;                   /* ruimte tussen de kolommen in px */

In de css style sheet van uw website

.kolommen{

[de code]

}

In de html code van uw webpagina

<div class=”kolommen”>Uw tekst</div>

Alternatieve optie

<div style=” [de code] “>Uw tekst</div>

Voorbeeld:

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec id erat varius, varius odio ut, luctus diam. Nam pellentesque, lacus nec luctus imperdiet, lectus justo lacinia dui, volutpat placerat nibh mauris sed elit. Proin sapien justo, porta eget suscipit quis, gravida a elit. Etiam at lacus purus. Fusce sapien est, volutpat vel lorem placerat, laoreet rutrum purus. Donec vestibulum lacus est, euismod condimentum mi molestie ut? Sed ac volutpat felis. Duis ligula mauris, porttitor in massa vel, consectetur interdum ante. Cras nec facilisis quam. Sed vestibulum lacinia diam, ac eleifend metus egestas in! Nullam cursus hendrerit risus, accumsan pulvinar tellus volutpat nec! Cras vehicula dolor non nisl tincidunt rutrum. Fusce dictum, ante ut elementum placerat, nisl sem mollis odio, et imperdiet augue diam nec eros? Vestibulum ut nisl justo.

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *