HTML : Text after empty bold tag also displayed in bold formatting

html bold
Sambhaji picture Sambhaji · Sep 16, 2011 · Viewed 12.7k times · Source

I am trying to understand why browser behaves like this.

I have following text in html document.

<html>
<body>
This is Sample Text. <B/>Text after empty bold tag.
</body>
</html>

If I view this document in browser, it is displayed as shown below.

This is Sample Text. Text after empty bold tag.

Why is this happening? Afterall, I did not mark any text as bold.

Answer

Nachshon Schwartz picture Nachshon Schwartz · Sep 16, 2011

You need to write valid html code for this to work correctly with opening and closing tags. So you would need to write an opening tag (<B>) before the text you want in bold and a closing tag () after the text.

<html>
    <body>
        <B>This is Sample Text.</B>Text after empty bold tag.
    </body>
</html>

Notice that in your example you are using <B/> which is neither a valid opening or closing tag but which may be interpreted as an opening tag in certain browsers.

Related questions

CSS font-weight thicker than 900?

I have a panel which can be expanded or minimised through a vertically centred link with a < or > symbol as the link text. At font-weight: 900 this does not stand out much, even with a large grey background around …

Read More
How to have a bold header text?

I can't find out how to give my header text some (bold) like on this design. Here is my html/css project. There is something wrong with my footer too, I can't give it margin-top or margin-botton :/ I hope someone …

Read More
How do you make just some text, inside an input text field, bold?

I'm trying to get bold specific text, inside an input text field. I'm not sure how to go about it since html code isn't interpreted inside a text field, so anything like <b> won't work. Is it possible …

Read More