The HTML Artwork Line Break: <BR>


The BR tag indicates that a line break should be made. Unlike the P tag, an extra blank line is not normally inserted after a BR. One attribute is available with BR: CLEAR. The CLEAR attribute is typically used with text that is around or next to an object (such as an image). It can be used to force clear space from the line break to the bottom of the object. Valid values for clear are: LEFT, RIGHT, ALL and NONE.

I'm learning how to use the CLEAR attribute with the BR element. This attribute has three possible values: LEFT, RIGHT and ALL. Let's try <BR CLEAR="RIGHT"> with my left-aligned image.
Here is the nifty logo that I made for my page. Isn't it great?


I'm learning how to use the CLEAR attribute with the BR element. This attribute has three possible values: LEFT, RIGHT and ALL. Let's try <BR CLEAR="LEFT"> with my left-aligned image.
Here is the nifty logo that I made for my page. Isn't it great?


I'm learning how to use the CLEAR attribute with the BR element. This attribute has three possible values: LEFT, RIGHT and ALL. Let's try ALL.
Here is the nifty logo that I made for my page. Isn't it great?


Here is an example using the CLEAR attribute with the BR tag. We'll float some text to the right of our CD logo image by using the ALIGN=LEFT attribute with our image. Since our image is on the left, let's use the LEFT value to break this line.

Now let's try a right linebreak. If it works correctly, there should be clear space from the end of the paragraph and down to the image's baseline.

For comparison, here is an example using the BR tag without CLEAR. There is a BR tag at the end of this sentence.
As you can see, text continues to flow along the side of the image. Now let's move down again by putting a BR CLEAR=LEFT at the end of this sentence.

Now let's try CLEAR=ALL. This time we place images on both sides of our paragraph. Now for a <BR CLEAR=ALL>

If you don't want to bother remembering which value should go with which type of aligned object, in most cases you can use ALL rather than RIGHT or LEFT. If you decide to do this be sure to check your document in a browser though! And that's it folks...


[HTML CD Home Page]

Vivian Neou, vivian@catalog.com
Copyright © 1999 Vivian Neou