Home > exemples > Texte en 2 colonnes

Texte en 2 colonnes

2 colonnes

Texte de la colonne de gauche. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla.

Texte de la colonne de droite. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla.

Code à copier-coller puis changer la partie texte

<div class="w3-row-padding">
 <div class="w3-col m6 w3-left">
le texte
</div>
 <div class="w3-col m6 w3-left">
le texte
</div>
</div>

2 colonnes de largeur différente

Texte de la colonne de gauche. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla.

Texte de la colonne de droite. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla. Bla bla bla.

Code à copier-coller puis changer la partie texte

<div class="w3-row-padding">
 <div class="w3-col m4 w3-left">
le texte
</div>
 <div class="w3-col m8 w3-left">
le texte
</div>
</div>