<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
HTML | DOM Style columns Property
</
title
>
</
head
>
<
body
>
<
div
id
=
"example"
>
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
GEEKSFORGEEKS welcomes you to the learning portal.
</
div
>
<
button
onclick
=
"split()"
>click</
button
>
<
script
>
function split() {
// Set column width and count.
document.getElementById(
"example").style.columns = "200px 2";
// Code for Firefox
document.getElementById(
"example").style.MozColumns = "200px 2";
}
</
script
>
</
body
>
</
html
>