<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center"
>
<
h2
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h2
>
<
b
>Tailwind CSS Divide Opacity Class</
b
>
<
div
class
=
"mx-4 bg-green-200 p-2"
>
<
div
class="grid grid-cols-3 divide-x-4
divide-pink-500 divide-opacity-25">
<
div
><
b
>1.</
b
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
<
div
style
=
"height:10px"
> </
div
>
<
div
class="grid grid-cols-3 divide-x-4
divide-pink-500 divide-opacity-50">
<
div
><
b
>2.</
b
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
<
div
style
=
"height:10px"
> </
div
>
<
div
class="grid grid-cols-3 divide-x-4
divide-pink-500 divide-opacity-80">
<
div
><
b
>3.</
b
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
</
div
>
</
body
>
</
html
>