<!DOCTYPE html>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
</
head
>
<
body
class
=
"text-center mx-4 space-y-2"
>
<
h1
class
=
"text-green-600 text-5xl font-bold"
>
GeeksforGeeks
</
h1
>
<
b
>Tailwind CSS Font Weight Class</
b
>
<
div
class
=
"mx-24 bg-green-200"
>
<
p
class
=
"p-2 text-justify"
>
font-thin:
<
span
class
=
"font-thin pl-10"
>
A Computer Science portal for Geeks
</
span
>
</
p
>
<
p
class
=
"p-2 text-justify"
>font-normal:
<
span
class
=
"font-normal pl-4"
>
A Computer Science portal for Geeks
</
span
>
</
p
>
<
p
class
=
"p-2 text-justify"
>font-medium:
<
span
class
=
"font-medium pl-2"
>
A Computer Science portal for Geeks
</
span
>
</
p
>
<
p
class
=
"p-2 text-justify"
>font-bold:
<
span
class
=
"font-bold pl-8"
>
A Computer Science portal for Geeks
</
span
>
</
p
>
<
p
class
=
"p-2 text-justify"
>font-black:
<
span
class
=
"font-black pl-6"
>
A Computer Science portal for Geeks
</
span
>
</
p
>
</
div
>
</
body
>
</
html
>