<wbr/> Tag Examples
Examples of the <wbr/> tag in HTML 5
style="white-space: normal"
with <wbr/>
tag
(see <wbr/> tag demo above)
<p>Su<wbr/>per<wbr/>ca<wbr/>li<wbr/>fra<wbr/>gi<wbr/>lis<wbr/>tic<wbr/>ex<wbr/>pi<wbr/>al<wbr/>i<wbr/>do<wbr/>cious Su<wbr/>per<wbr/>ca<wbr/>li<wbr/>fra<wbr/>gi<wbr/>lis<wbr/>tic<wbr/>ex<wbr/>pi<wbr/>al<wbr/>i<wbr/>do<wbr/>cious Su<wbr/>per<wbr/>ca<wbr/>li<wbr/>fra<wbr/>gi<wbr/>lis<wbr/>tic<wbr/>ex<wbr/>pi<wbr/>al<wbr/>i<wbr/>do<wbr/>cious Su<wbr/>per<wbr/>ca<wbr/>li<wbr/>fra<wbr/>gi<wbr/>lis<wbr/>tic<wbr/>ex<wbr/>pi<wbr/>al<wbr/>i<wbr/>do<wbr/>cious Su<wbr/>per<wbr/>ca<wbr/>li<wbr/>fra<wbr/>gi<wbr/>lis<wbr/>tic<wbr/>ex<wbr/>pi<wbr/>al<wbr/>i<wbr/>do<wbr/>cious</p>
style="white-space: nowrap"
with <wbr/>
tag
(see <wbr/> tag demo above)
<p style="white-space: nowrap">Reasons for this include that I wanted each reason to be <wbr/>1) numbered, <wbr/>2) on the same line when possible, and <wbr/>3) not split in the middle, <wbr/>and I was too lazy to <wbr/>4) figure out how to use CSS, <wbr/>5) span/nowrap each reason, or <wbr/>6) code an inline ordered list.</p>
<p>One of my favorite quotes from <span style="white-space: nowrap"> <a href="http://www.Shakespeare-Literature.com/Twelfth_Night/10.html"> <cite>William Shakespeare <wbr/>Twelfth Night <wbr/>Act II Scene 5</cite></a>:</span> </p> <blockquote cite="http://www.Shakespeare-Literature.com/Twelfth_Night/10.html" >In my stars I am above thee; but be not afraid of greatness: some are born great, some achieve greatness, and some have greatness thrust upon 'em. </blockquote>
style="white-space: pre"
with <wbr/>
tag
(see <wbr/> tag demo above)
This code suggests wrapping before each HTML attribute.
<pre><img src="http://www.ExampleOnly.com/images/how-to-use-images-in-html-documents.png" <wbr/>alt="How to use images in HTML documents" <wbr/>style="border: 1px solid black"/></pre>