wbr
elementHTMLElement
.The wbr
element represents a line break opportunity.
In the following example, someone is quoted as saying something which, for effect, is written as one long word. However, to ensure that the text can be wrapped in a readable fashion, the individual words in the quote are separated using a wbr
element.
<p>So then he pointed at the tiger and screamed "there<wbr>is<wbr>no<wbr>way<wbr>you<wbr>are<wbr>ever<wbr>going<wbr>to<wbr>catch<wbr>me"!</p>
Element | Purpose | Example |
---|---|---|
a |
Hyperlinks |
Visit my <a href="drinks.html">drinks</a> page. |
em |
Stress emphasis |
I must say I <em>adore</em> lemonade. |
strong |
Importance |
This tea is <strong>very hot</strong>. |
small |
Side comments |
These grapes are made into wine. <small>Alcohol is addictive.</small> |
s |
Inaccurate text |
Price: <s>£4.50</s> £2.00! |
cite |
Titles of works |
The case <cite>Hugo v. Danielle</cite> is relevant here. |
q |
Quotations |
The judge said <q>You can drink water from the fish tank</q> but advised against it. |
dfn |
Defining instance |
The term <dfn>organic food</dfn> refers to food produced without synthetic chemicals. |
abbr |
Abbreviations |
Organic food in Ireland is certified by the <abbr title="Irish Organic Farmers and Growers Association">IOFGA</abbr>. |
time |
Date and/or time |
Published <time>2009-10-21</time>. |
code |
Computer code |
The <code>fruitdb</code> program can be used for tracking fruit production. |
var |
Variables |
If there are <var>n</var> fruit in the bowl, at least <var>n</var>÷2 will be ripe. |
samp |
Computer output |
The computer said <samp>Unknown error -3</samp>. |
kbd |
User input |
Hit <kbd>F1</kbd> to continue. |
sub |
Subscripts |
Water is H<sub>2</sub>O. |
sup |
Superscripts |
The Hydrogen in heavy water is usually <sup>2</sup>H. |
i |
Alternative voice |
Lemonade consists primarily of <i>Citrus limon</i>. |
b |
Keywords |
Take a <b>lemon</b> and squeeze it with a <b>juicer</b>. |
u |
Annotations |
The mixture of apple juice and <u class="spelling">eldeflower</u> juice is very pleasant. |
mark |
Highlight |
Elderflower cordial, with one <mark>part</mark> cordial to ten <mark>part</mark>s water, stands a<mark>part</mark> from the rest. |
ruby , rt , rp |
Ruby annotations |
<ruby> OJ <rp>(<rt>Orange Juice<rp>)</ruby> |
bdi |
Text directionality isolation |
The recommended restaurant is <bdi lang="">My Juice Café (At The Beach)</bdi>. |
bdo |
Text directionality formatting |
The proposal is to write English, but in reverse order. "Juice" would become "<bdo dir=rtl>Juice</bdo>" |
span |
Other |
In French we call it <span lang="fr">sirop de sureau</span>. |
br |
Line break |
Simply Orange Juice Company<br>Apopka, FL 32703<br>U.S.A. |
wbr |
Line breaking opportunity |
www.simply<wbr>orange<wbr>juice.com |