Jul 29, 2011

Tell browsers they may break your long-words - HTML5 wbr Tag

If On your site, the words in a long hyphenated phrase always stay together on the same line, It can produce an ugly short line above it. You may afraid that the browser will break your lines at the wrong place.

Now in HTML5 there a way to tell browsers to break a line at a point where you want it to.
You can use the <wbr> element as a line-break opportunity. This tag tells browser that this point have a line-break opportunity, and possible line break can be inserted.

You can use it like this :-

Break<wbr>this<wbr>line<wbr>with<wbr>words

Labels: html5

By : Motyar+ @motyar