<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin
=
"anonymous"
>
</
head
>
<
body
>
<
div
class
=
"container mt-3"
style
=
"width: 1700px;"
>
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
<
p
><
b
>Font-weight and italics</
b
></
p
>
<
p
class
=
"fw-bold"
>
Text is in bold</
p
>
<
p
class
=
"fw-bolder"
>
Text is bolder than its parent element</
p
>
<
p
class
=
"fw-normal"
>
Text is in its normal weight</
p
>
<
p
class
=
"fw-light"
>
Text is in light weight</
p
>
<
p
class
=
"fw-lighter"
>
Text is lighter than its parent element</
p
>
<
p
class
=
"fst-italic"
>
Text is in italic</
p
>
<
p
class
=
"fst-normal"
>
Text is in normal style</
p
>
<
p
><
b
>Line Height</
b
></
p
>
<
p
class
=
"lh-1"
>
In this article we are learning about text in bootstrap 5
and this line has a line height of 1
</
p
>
<
p
class
=
"lh-sm"
>
In this article we are learning about text in bootstrap 5
and this line has a small line height
</
p
>
<
p
class
=
"lh-base"
>
In this article we are learning about text in bootstrap 5
and this line has a normal line
height</
p
>
<
p
class
=
"lh-lg"
>
In this article we are learning about text in bootstrap 5
and this line has a large line height
</
p
>
<
p
><
b
> Monospace </
b
></
p
>
<
p
class
=
"font-monospace"
>Monospace text</
p
>
<
p
>Normal text</
p
>
<
p
><
b
>Text-decoration</
b
></
p
>
<
p
class
=
"text-decoration-underline"
>
Text has been underlined
</
p
>
<
p
class
=
"text-decoration-line-through"
>
A line is going through a text
</
p
>
<
a
href
=
"#"
class
=
"text-decoration-none"
>
Text decoration has been removed
</
a
>
</
div
>
</
body
>
</
html
>