.text {<br /> font-weight: bold;<br /> }

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

p.normal {<br /> font-weight: normal;<br /> }</p> <p>p.thick {<br /> font-weight: bold;<br /> }</p> <p>p.thicker {<br /> font-weight: 900;<br /> }

/* Keyword values */<br /> font-weight: normal;<br /> font-weight: bold;</p> <p>/* Keyword values relative to the parent */<br /> font-weight: lighter;<br /> font-weight: bolder;</p> <p>/* Numeric keyword values */<br /> font-weight: 100;<br /> font-weight: 200;<br /> font-weight: 300;<br /> font-weight: 400;// normal<br /> font-weight: 500;<br /> font-weight: 600;<br /> font-weight: 700;// bold<br /> font-weight: 800;<br /> font-weight: 900;</p> <p>/* Global values */<br /> font-weight: inherit;<br /> font-weight: initial;<br /> font-weight: revert;<br /> font-weight: unset;<br />

/* Keyword values */<br /> font-weight: bold;</p> <p>/* Keyword values relative to the parent */<br /> font-weight: bolder;</p> <p>/* Numeric keyword values */<br /> font-weight: 700; // bold<br /> font-weight: 800;<br /> font-weight: 900;

we can set text bold using css property named ‘font-weight’<br /> Syntax:<br /> selector{<br /> font-weight: bold;<br /> }

.class {<br /> font-weight: bold;<br /> }

font-weight: normal|bold|bolder|lighter|number|initial|inherit;</p> <p>font-weight: 700;

.mytext {<br /> font-weight: bold;<br /> }

p{<br /> font-weight: bold;<br /> }