<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
HTML | DOM Style columnGap Property
</
title
>
<
style
>
#myDIV {
width: 600px;
height: 70%;
border: 2px solid green;
padding: 10px;
column-count: 3;
column-gap: 100px;
}
#p1 {
font-size: 20px;
color: green;
}
</
style
>
</
head
>
<
body
>
<
div
id
=
"myDIV"
>
<
p
id
=
"p1"
>
<
u
>Welcome to GeeksforGeeks.!</
u
>
An operating system acts as an intermediary
between the user of a computer and computer
hardware. The purpose of an operating system
is to provide an environment in which a user
can execute programs in a convenient and
efficient manner. An operating system is
software that manages the computer hardware.
The hardware must provide appropriate mechanisms
to ensure the correct operation of the computer
system and to prevent user programs from
interfering with the proper operation of the system.
</
p
>
</
div
>
<
br
>
<
input
type
=
"button"
onclick
=
"mainFunction()"
value
=
"Submit"
/>
<
script
>
function mainFunction() {
// Set columnGap to normal.
document.getElementById(
"myDIV").style.columnGap = "normal";
}
</
script
>
</
body
>
</
html
>