<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>The column-fill Property</
title
>
<
style
>
div {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
height: 100px;
}
.gfg1 {
-moz-column-fill: auto;
column-fill: auto;
}
.gfg2 {
-moz-column-fill: balance;
column-fill: balance;
}
h1 {
color: green;
}
h1,
h2 {
text-align: center;
}
</
style
>
</
head
>
<
body
>
<
h1
>
GeeksforGeeks
</
h1
>
<
h2
>
The column-fill Property
</
h2
>
<
h2
>column-fill: auto:</
h2
>
<
div
class
=
"gfg1"
>
The course is designed for students
as well as working professionals to
prepare for coding interviews. This
course is going to have coding questions
from school level to the level needed for
product based companies like Amazon,
Microsoft, Adobe, etc.
</
div
>
<
h2
>column-fill: balance (default):</
h2
>
<
div
class
=
"gfg2"
>
The course is designed for students
as well as working professionals to
prepare for coding interviews. This
course is going to have coding questions
from school level to the level needed for
product based companies like Amazon,
Microsoft, Adobe, etc
</
div
>
</
body
>
</
html
>