how to make text bold in css

1.text {
2	font-weight: bold;
3}

1/* Keyword values */
2font-weight: normal;
3font-weight: bold;
4
5/* Keyword values relative to the parent */
6font-weight: lighter;
7font-weight: bolder;
8
9/* Numeric keyword values */
10font-weight: 100;
11font-weight: 200;
12font-weight: 300;
13font-weight: 400;// normal
14font-weight: 500;
15font-weight: 600;
16font-weight: 700;// bold
17font-weight: 800;
18font-weight: 900;
19
20/* Global values */
21font-weight: inherit;
22font-weight: initial;
23font-weight: revert;
24font-weight: unset;
25

1p.normal {
2  font-weight: normal;
3}
4
5p.thick {
6  font-weight: bold;
7}
8
9p.thicker {
10  font-weight: 900;
11}

1/* Keyword values */
2font-weight: bold;
3
4/* Keyword values relative to the parent */
5font-weight: bolder;
6
7/* Numeric keyword values */
8font-weight: 700; // bold
9font-weight: 800;
10font-weight: 900;

1<p style="font-weight:bold">Hey there</p>

1we can set text bold using css property named 'font-weight'
2Syntax:
3selector{
4  font-weight: bold;
5}