How to Bold Text in HTML

To bold the text in HTML, we can use either <b> tag or <strong> tag. The browsers display the <b> and <strong> tags content in same way. The <b> tag is used to bold the text, while <strong> tag used to bold the text and shows the importance of text. We can also use CSS font-weight property to bold the text.

Bold Text in HTML using b Tag

The <b> tag is used to make text bold for styling purposes. It does not add any extra significance or meaning to the content. It simply makes the text visually bold.

Output

Bold Text in HTML
Sample: This text is bold

Bold Text in HTML using strong Tag

The <strong> tag also makes text bold, but it has additional meaning. It indicates that the enclosed content is important or should be emphasized, which benefits both accessibility (screen readers may give it special attention) and SEO.

Output:

Bold Text with CSS using font-weight Property

The font-weight property is highly customizable. It can give you more control over visual, as you can set different level of boldness and apply them across multiple elements.

Output:

Related article:How to Bold Text using CSS for detailed explanation.

Which one should You use? <b>, <strong> or font-weight ?

There are three different options to bold the text in HTML, but these have different use cases -

• You can use <b> tag for decorative purpose only, it has no semantic significance.
• If text has some semantic meaning (warning, important keyword, instructions) then using <strong> tag is recommended.
• Use font-weight property when required more control over text appearance. This property can help you define different level of text-boldness. Or you may need to apply a specific bold-style to multiple places.