From the course: Crafting Meaningful HTML

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Controlling breaks with <wbr> or &shy;

Controlling breaks with <wbr> or &shy; - HTML Tutorial

From the course: Crafting Meaningful HTML

Start my 1-month free trial

Controlling breaks with <wbr> or &shy;

“

- [Instructor] In this next chapter, I'd like to take a look at some other tags that are still semantic HTML and are very important but didn't conveniently fit into other parts of the course. I'm going to start here with the WBR tag, and words in the English language are often not too long, relatively speaking, however, every so often you'll encounter a really long word, like dichlorodifluoromethane, which is a bit longer than average. When that appears in the middle of a paragraph it looks fine, however, if it appears at the end of the line it may make the rag of your paragraph look a little bit odd. By the rag, I'm talking about the edge of the paragraph here. When we don't justify on both the left and the right-hand side, you expect to see a little unevenness on the right side of the paragraph here, but sometimes it can get worse than other times. So for example, here just the word chlorofluorocarbon is wrapping here onto the next line. You see the big space that that's causing…

Contents