Hi,
Well in IE you could just add img{vertical-align:middle} which should achieve the result you want however mozilla will align the middle of the image to the bottom of the text which is not quite the same.
Probably the best way is to tweak it manually like this so that you place it where you want it.
Code:
<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {font-size:10px}
img {vertical-align:-2px}
p {line-height:20px;}
</style>
</head>
<body>
<p><img src="images/red.gif" width="10" height="10" />This is some text</p>
</body>
</html>
Hope that helps.
Paul
Posting Permissions
Bookmarks