<h2>Tulisan Menjadi 3 Kolom</h2>
<div class="newspaper">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et lorem
est. Donec porttitor neque facilisis elit convallis posuere. Nunc hendrerit
magna turpis, eget tristique justo maximus nec. In luctus est a tempor
sollicitudin. Phasellus ullamcorper sit amet arcu et sollicitudin. Nulla ut
nisi arcu. Vestibulum porttitor eros vel ullamcorper venenatis. Maecenas
tortor tortor, fermentum vitae metus vel, porta porttitor elit. Cras rutrum
lectus in odio finibus, eu ultrices dolor molestie. Vestibulum dolor nunc,
vulputate quis mattis ac, varius vel felis. Fusce cursus, leo nec tristique
porttitor, lectus nisi fringilla ligula, eget sollicitudin magna nibh non
lacus. Nam eu sapien at leo auctor congue. Curabitur accumsan lacus a enim
venenatis, ut pellentesque orci posuere. Fusce eget finibus magna, eget
aliquam sem. Donec lectus tellus, mollis vitae mollis vitae, sagittis non
magna. Aliquam in efficitur erat. Duis vitae condimentum massa, vel porta
nisl. Duis tristique tellus mauris, eu vestibulum erat elementum a. Maecenas
eu mollis eros, vitae consequat velit. Morbi convallis viverra turpis, nec
commodo felis suscipit eu. Cras consequat, turpis quis aliquam dapibus, est
nisl facilisis est, non fringilla risus metus ut velit. Mauris blandit
facilisis ex, ac imperdiet velit. Suspendisse commodo dolor sed nunc
fermentum, id auctor libero mattis. Aliquam fringilla mollis magna ac
efficitur. Donec ullamcorper interdum semper. Sed commodo ultrices
vulputate. Aliquam blandit nibh non est finibus dignissim. Proin vestibulum
vitae nisl sit amet cursus. Nam a vehicula lectus. Pellentesque vel ligula
egestas, tempus velit in, blandit enim. Integer vulputate pellentesque
lacus, sed viverra ipsum fermentum id. Cras bibendum, erat vitae pulvinar
condimentum, diam lectus sollicitudin sapien, sit amet hendrerit metus augue
sit amet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Donec malesuada ante placerat, aliquet orci vel, eleifend orci. Aliquam eu
augue nec lorem feugiat vehicula a ut ex. Proin eu tortor eleifend,
pellentesque orci ac, fringilla risus. Curabitur aliquam velit vel dictum
tincidunt. Ut sit amet sagittis orci, id ultricies nulla. Nam dolor tellus,
lacinia eu lectus fringilla, laoreet eleifend mi. Cras vitae mollis velit.
In hac habitasse platea dictumst. Nullam turpis libero, lobortis at feugiat
sit amet, aliquam quis lorem. Integer quis dolor at diam placerat ornare.
Vestibulum sit amet tempor sem. Vestibulum aliquam, dolor consectetur
molestie tempus, arcu libero luctus mauris, eu facilisis sem erat at quam.
Ut commodo interdum dignissim. Duis ut lectus sed quam luctus dignissim non
quis orci. Fusce fermentum, tortor in vulputate dignissim, quam tortor
posuere metus, et luctus ex nisi in lectus. Sed elit arcu, efficitur a metus
et, faucibus vulputate erat. Aliquam porta nunc eu magna porta condimentum.
Vestibulum consequat, tellus vitae malesuada lacinia, orci tellus lobortis
tortor, vitae ullamcorper tortor elit at erat. Aliquam sed tempor justo.
Fusce nec tincidunt arcu. Morbi at magna quis nunc interdum facilisis.
Aliquam varius nunc in turpis egestas, non dapibus magna ultrices.
Pellentesque pharetra ipsum non massa mollis, ut aliquet est faucibus. Donec
facilisis, nunc ac consectetur rutrum, nisl purus suscipit libero, eu
viverra eros metus a diam. Nam justo turpis, gravida rutrum turpis nec,
rutrum lobortis dolor. Ut sed ex et urna sagittis viverra ut eget nunc. In
lacinia nibh quis urna pulvinar, sed ullamcorper augue vehicula. Vestibulum
quis varius justo. Sed sit amet nisl neque. Praesent lobortis scelerisque
gravida. Morbi fermentum, eros eu sagittis aliquam, mauris enim pellentesque
metus, sed molestie ipsum magna a urna. Donec placerat sem mauris, et
iaculis magna fringilla at. Nunc cursus tellus vitae massa ullamcorper
pellentesque. Nunc posuere diam vitae elit faucibus, et luctus velit
venenatis. Duis quis nibh aliquam, ornare turpis ac, pharetra massa. Proin
nisl purus, lobortis at feugiat ut, ullamcorper ac metus. Nullam faucibus
dignissim hendrerit. In hac habitasse platea dictumst. Morbi porta commodo
ligula, ac condimentum dolor interdum ut. Donec ac molestie ante.
</div>
.newspaper{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
-moz-column-gap:40px; /*Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;
}
HTML
CSS
JS