Does anybody know how to do what I'm looking for? Copy the following HTML pages and run in browser. The problem is explained within the contents of the pages. This is not urgent but
I'm curious about how somebody else would handle this.
Thanks in advance for any help.
EA.
-------- HTML file 1 ---------------------
<html>
<head></head>
<body>
<div style="width:320;
border-style:solid;
border-width:1px;
border-color:black;">
<img src="image.gif"
width="100"
height="100"
alt="IMAGE"
style="float:left;">
<p style="text-align:center;
margin-top:2;">
<b style="border-style:solid;width:150;
border-width:1px;
border-color:red;">
Some Text Here
</b>
<br>
<b style="border-style:solid;width:150;
border-width:1px;
border-color:red;">
More Text Here
</b>
</p>
<p style="margin-top:-15;
text-align:center;">
This is frustrating me. Maybe a sharp CSS expert
can help me with this problem. Can it be done with
CSS without having to resort to creating my own
algorithm or procedures for centering the text. Any
help or ideas will be greatly appreciated. Please
note that I've created my own way of centering the
shorter text message, but I'm looking for strictly
CSS. Sorry I didn't include imsge but insert your own
or let the 'X' icon display for no imsge found. Long
message should wrap around to below the image.
</p>
<div>
</body>
<html>
-------- HTML file 2 ---------------------
<html>
<head></head>
<body>
<div style="width:320;
border-style:solid;
border-width:1px;
border-color:black;">
<img src="image.gif"
width="100"
height="100"
alt="IMAGE"
style="float:left;">
<p style="width:210;text-align:center;
margin-top:2;">
<b style="border-style:solid;width:150;
border-width:1px;
border-color:red;">
Some Text Here
</b>
<br>
<b style="border-style:solid;width:150;
border-width:1px;
border-color:red;">
More Text Here
</b>
</p>
<p style="margin-top:-15;
text-align:center;">
Short message here. Everything on the
right should be vertically centered with
the image.
</p>
<div>
</body>
<html>