NOTICE: This website is no longer updated or supported - as such many of the techniques used to build it may seem antiquated in the modern day. It is preserved for historical reasons only.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Improved Text Flow</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body>

<p>

<img src="../../images/EX_redsquare.gif" width="100" height="100" alt="red square" align="left" />
The top image has its align attribute set to "left," so the text flows around it to the right. The top image has its align attribute set to "left," so the text flows around it to the right. The top image has its align attribute set to "left," so the text flows around it to the right. <br clear="left" />

<br />
<br />

<img src="../../images/EX_redsquare.gif" width="100" height="100" alt="red square" align="right" />

The bottom image has its align attribute set to "right," so the text flows around it to the left. The bottom image has its align attribute set to "right," so the text flows around it to the left. The bottom image has its align attribute set to "right," so the text flows around it to the left. </p>

</body>

</html>

CLOSE WINDOW | VIEW RENDERED PAGE