br

Break the current text flow, resuming at the beginning of the next line.

Usage:

<br> OR <br />

<br clear="left|right|all"> OR <br clear="left|right|all" /> (XHTML)

Tag Attribute Used To...
clear Break the flow and move downward until the desired margin, either left, right, or all, is clear. Used most commonly with images that use the align tag.

Observation: If for some reason the line-height property value is less than the font-size value, all text will move under the image as if no alignment or use of this attribute were specified at all.


Examples:

<font face="Arial,sans-serif;" size="2" color="#000000" style="font: 10pt Arial,sans-serif; color: #000000;">
<img src="../images/64.gif" width="64" height="58" border="0" alt="Boogeda boogeda boogeda..." title="Boogeda boogeda boogeda..." align="left">
"Right, I think I made my point! Now, I think it's time you took a couple of weeks' holiday."<br>
"How kind," the PFY sighs. "But where will I go?"<br>
"Somewhere where they know nothing about computing...where they wouldn't know a RAM chip from a potato chip!"<br>
"But I don't want to visit Microsoft!" he whines.<br>
</font>

produces

Boogeda boogeda boogeda... "Right, I think I made my point! Now, I think it's time you took a couple of weeks' holiday."
"How kind," the PFY sighs. "But where will I go?"
"Somewhere where they know nothing about computing...where they wouldn't know a RAM chip from a potato chip!"
"But I don't want to visit Microsoft!" he whines.

Example (with clear="all"):

<p class="fooText">
<img src="../images/64.gif" width="64" height="58" border="0" alt="Boogeda boogeda boogeda..." title="Boogeda boogeda boogeda..." align="left">
"Right, I think I made my point! Now, I think it's time you took a couple of weeks' holiday."<br clear="all">
"How kind," the PFY sighs. "But where will I go?"<br>
"Somewhere where they know nothing about computing...where they wouldn't know a RAM chip from a potato chip!"<br>
"But I don't want to visit Microsoft!" he whines.<br>
</p>

produces

Boogeda boogeda boogeda... "Right, I think I made my point! Now, I think it's time you took a couple of weeks' holiday."
"How kind," the PFY sighs. "But where will I go?"
"Somewhere where they know nothing about computing...where they wouldn't know a RAM chip from a potato chip!"
"But I don't want to visit Microsoft!" he whines.

NOTES:
This tag works in all e-mail clients. Good thing too, since Windoze Live Hotmail does not support the <p> tag.

Ordinarily you would see <br /> used about 99% of the time, but occasionally <br clear="all" /> is used to start text below an image if only one line of text was needed aligned with the image instead of wrapping around it like in a newsletter.

This reference was created for Innovyx by Steve Cartoon Q3 2007. All rights reversed.