I need a block of text to display to the right of a picture and not disconnect as the user changes the font size. I have tried a floating borderless frame but the problem is that while it looks great half the time (see ADE1.jpg), if the font is not just the right size I get this (see ADE2.jpg).
I tried putting the text inside a larger borderless frame along with the image, but cannot seem to get the text to float to the left of the image.
Any help would be appreciated.
The current code is this:
CSS:
Quote:
div.FrameSmall{
border:0px;
padding:5px 5px 5px 5px;
float:left;
width:25%;
margin: 10px 10px 10px 0px;
}
|
HTML:
Quote:
<div class="FrameSmall"><img alt="15.1methane" width="100%" src="../Images/15.1methane.jpg" /></div>
<p class="First6" style="margin-right:2.5em">where the single lines drawn between the hydrogen (H) and the carbon (C) atoms denote the sharing of a single electron pair. If two electron pairs are shared as often happens when atoms bond with oxygen for example, a double line is drawn, and so on.</p>
|
Michelle
P.S Jellby: Hope you're around. You're good at this!
P.P.S. In my original post I accidentally wrote "left" instead of "right." My bad.