Using the Break Element to Align Web Graphics

When trying to align your graphics just thus and so, you may find that the Break Element <BR > is a useful tool! The Break Element has the CLEAR attribute which you can assign the values of "LEFT", "RIGHT", "NONE" or "ALL". For graphic purposes, "LEFT", "RIGHT" and "ALL" are the useful attribute values. Instead of trying to explain all the intricacies, I have a few visual examples which will hopefully be of use to you.

As they say, "A picture is worth a thousand words."

Tips I have some wonderful text. Now I will use <BR CLEAR="LEFT"> element here.
As you can see the text has come down to the bottom of the image.

 

Tips Here's some more wonderful text with the <BR CLEAR="RIGHT"> element here.
This text is below the image.
In this example I also aligned the paragraph to the right.

 

Tips Tips and More Here's some more wonderful text.
Here's some text that comes after a <BR CLEAR="RIGHT"> element.
This text is after a <BR CLEAR="ALL"> element.

 

Keep playing around with these elements and you will soon find unique and creative ways to use them!

 

All Rights Reserved.
© 1998-2003.

Bits O' PSP