How To Make H6 Bold In Css

CSS Programming

When it comes to styling text in CSS, there are various ways to make your headings stand out. One common formatting technique is to make headings bold, which adds emphasis and helps them to stand out from the rest of the content. In this article, I will guide you through the process of making an h6 heading bold using CSS.

First, let’s understand the hierarchy of HTML headings. HTML headings range from h1 to h6, with h1 being the highest level and h6 being the lowest. By default, headings have different font sizes and weights, with h1 being the largest and boldest, and h6 being the smallest and least bold.

To make an h6 heading bold, we can use CSS to override the default font-weight. The font-weight property allows us to control the thickness of the text. In this case, we want to make the h6 heading bolder, so we will set the font-weight property to a higher value.

To begin, open your CSS file or add a style block to your HTML file. Select the h6 element using the CSS selector:

h6 {
  font-weight: bold;

In the code above, we target the h6 element using the CSS selector “h6” and set the font-weight property to “bold”. This will make all h6 headings on your page appear bold.

Alternatively, if you prefer inline CSS, you can add the style directly to the h6 element in your HTML:

<h6 style="font-weight: bold;">Your h6 Heading</h6>

By adding the style attribute to the h6 element and setting the font-weight property to “bold”, you achieve the same result as using an external CSS file.

It’s important to note that when modifying heading styles, it’s generally recommended to use CSS rather than inline styles. This allows for consistent application across multiple pages and easy maintenance of the code.

Now that you know how to make an h6 heading bold using CSS, feel free to experiment with different font weights and styles to customize your headings to match your website’s design.


In this article, we explored the process of making an h6 heading bold using CSS. By overriding the default font-weight property, we can add emphasis and make the heading stand out. Whether you choose to apply the style using an external CSS file or inline styles, the end result is a bold h6 heading that grabs your readers’ attention.