Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Omer Asadullah
Omer Asadullah
10,415 Points
Posted by 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
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
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
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.