<!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