To make the text bold using CSS, you should use the font-weight property and then set the value to bold. A font-weight is a CSS property that will specify how thick the text should be.

Here’s an example of how it is used.

p {
  font-weight: bold;
}

<p>This text is bolded.</p>

And this is how it will turn out.

bold text css example

You can also set the boldness of the text using different values like keywords (‘bold’, ‘bolder’) and numerics (‘400’, ‘700’, ‘900’).

font-weight: normal;
font-weight: bold;
font-weight: bolder;
font-weight: 400; /* Same as normal keyword */
font-weight: 700; /* Same as bold keyword */
font-weight: 900;

With this, now you know how to turn the text into bold with CSS.

Get my free e-book to prepare for the technical interview or start to Learn Full-Stack JavaScript