It creates a space that is preserved in the browser, unlike regular spaces which may be collapsed. Useful for formatting content where extra spacing is needed. Can be used multiple times to create wider gaps between words or elements. Hello World! Multiple spaces: Word1 Word2 In short: Use ` ` to add a non-breaking space in HTML, which ensures that the space is displayed as intended and prevents automatic line breaks.

What does &nbsp; do?

Difficulty: 3/10

Typography, HTML Entities, CSS Layouts

stands for 'non-breaking space' in HTML. It is used to insert a space that will not be collapsed by the browser or cause a line break.

Key Points about  

1
It creates a space that is preserved in the browser, unlike regular spaces which may be collapsed.
2
Useful for formatting content where extra spacing is needed.
3
Can be used multiple times to create wider gaps between words or elements.

Example Usage

In short: Use   to add a non-breaking space in HTML, which ensures that the space is displayed as intended and prevents automatic line breaks.

Scenario Questions

0-2 years experience

1We have a pricing badge that displays 'Price: $100'. On mobile screens, the '$100' sometimes wraps to a new line, leaving 'Price:' alone on the first line. How would you fix this in the HTML so they always stay together on the same line?
2You are building a simple contact form and want to put exactly three spaces of visual padding between a label and an input using only HTML, without writing any CSS. How would you achieve this, and why does typing regular spaces in your HTML file not work?

Follow-up Questions

How do screen readers typically interpret consecutive non-breaking spaces used for visual layout?
Under what circumstances would you prefer the CSS 'white-space' property over hardcoded HTML entities?
What happens when a user copies text containing non-breaking spaces from your website and pastes it into a terminal or search bar?

What does   do?

stands for 'non-breaking space' in HTML. It is used to insert a space that will not be collapsed by the browser or cause a line break.

Scenario Questions

Follow-up Questions

What does   do?

stands for 'non-breaking space' in HTML. It is used to insert a space that will not be collapsed by the browser or cause a line break.

Scenario Questions

Follow-up Questions

What does &nbsp; do?

stands for 'non-breaking space' in HTML. It is used to insert a space that will not be collapsed by the browser or cause a line break.

Scenario Questions

Follow-up Questions

What does &nbsp; do?

stands for 'non-breaking space' in HTML. It is used to insert a space that will not be collapsed by the browser or cause a line break.

Scenario Questions

Follow-up Questions

What does do?

What does do?