<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center"
>
<
h1
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h1
>
<
b
>Tailwind CSS Divide Style Class</
b
>
<
div
class
=
"mx-4 bg-green-200 p-2"
>
<
div
class="grid grid-cols-3 divide-x-4
divide-pink-500 divide-dashed">
<
div
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
<
br
>
<
div
class="grid grid-cols-3 divide-x-4
divide-yellow-500 divide-solid">
<
div
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
<
br
>
<
div
class="grid grid-cols-3 divide-x-4
divide-gray-500 divide-double">
<
div
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
<
br
>
<
div
class="grid grid-cols-3 divide-x-4
divide-red-500 divide-dotted">
<
div
>GeeksforGeeks</
div
>
<
div
>A Computer Science Portal</
div
>
<
div
>For Geeks</
div
>
</
div
>
</
div
>
</
body
>
</
html
>