• Post category:HTML

How to UnBold Text in HTML | Make HTML UnBold Text

How to unbold text in HTML

In this article, we will see how to unbold text in HTML. We need to use the CSS font-weight property to unbold text in HTML. If you use heading elements i.e. h1-h6 tags then the text will automatically become bold so this article will be useful for you to unbold.

What is unbold text?

In CSS, if the value of the font-weight property is normal, it is called unbold text. You can see the font-weight value of your HTML element by following the navigation : HTML output browser > right click > inspect > select your HTML element. For example, I have an h1 element without CSS style. When I check the font-weight value it has a value of “bold”. Because the default font-weight value of heading tags is “bold”.

how to unbold text in html

How to make unbold text

To unbold a text, we should use the font-weight property and give the value as “normal“.

CSS:

h1{
font-weight: normal;
}

HTML:

<h1>This is Heading Text</h1>

Output:

how to unbold text in html

In the above code, we have a <h1> tag with some text. The h1 is the default bold text. To unbold the h1 text, we should use the CSS font-weight property and give the value as “normal”. See, the above output the h1 tag is displayed without bold.

READ ALSO  How To Create Link Without Underline And Color in HTML

Leave a Reply