Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML

Omer Asadullah
Omer Asadullah
10,415 Points

<wbr> Tag, What for?

In the stage 2 namely "Text" of HTML Deep Dive, there is a video named "Abbreviations, Addresses and Citations". In this video Nick tells about the wbr tag but he doesn't apply it in the way it was meant to be. By this , I mean it doesn't do anything in his example. My suggestion is to repeat the video and give a more suitable example for this tag so that we can know it's correct usage. If repeating looks hard then atleast provide an applicable example in the project files and mention the updating of project files in Teacher's Notes.

Hayden Taylor
Hayden Taylor
5,076 Points

The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a line-break.

Tip: When a word is too long, or you are afraid that the browser will break your lines at the wrong place, you can use the <wbr> element to add word break opportunities.

I didn't watch the video but I bet he did it right.

Omer Asadullah
Omer Asadullah
10,415 Points

Thanks for your reply. Well you can watch the video now. It's not that long. He did tell it's usage but didn't apply it in the correct manner. The word was too short or wasn't at the wrong place where the browser could have done something wrong. So visually wbr was not applied properly. No disrespect intended!

1 Answer

James Barnett
James Barnett
39,199 Points

> He did tell it's usage but didn't apply it in the correct manner.

It's used correctly.

> My suggestion is to repeat the video and give a more suitable example

You are right, you can't see the change.

In this particular case, it's hard to show using just HTML, because you can't limit the size of the element's container. In order to size an element's container you need to understand how CSS any maybe introduces too much complexity.

I suppose you could use an extremely long URL but that's a bit contrived.