Image
Tag: aligning images specifically to text
•you might want more control over how your images align to the text
besides just to the left or right. Perhaps you want an image to be rest on the
same line as the text or to be aligned to the top of the text.
•Use the Align attribute and supply on of these values:
"texttop","top","middle","absmiddle",
"bottom", "absbottom".
•<img src="your image" align="direction" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pony Pony Pony</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<img src="../images/pony2.gif" align="texttop" />Isn't
she lovely.<hr />
<img src="../images/pony2.gif" align="top" />Isn't
she lovely.<hr />
<img src="../images/pony2.gif" align="middle" />Isn't
she lovely.<hr />
<img src="../images/pony2.gif" align="absmiddle" />Isn't
she lovely.<hr />
<img src="../images/pony2.gif" align="bottom" />Isn't
she lovely.<hr />
<img src="../images/pony2.gif" align="absbottom" />Isn't
she lovely.
</body>
</html>