This is as far I seem to be able to get (see jpeg). The CSS is:
Code:
div.FrameSmall{
border:0px;
padding:5px 5px 5px 5px;
float:left;
width:100%;
margin: 10px 10px 10px 0px;
And the HTML:
Code:
<div class="FrameSmall">
<img alt="15.1methane" src="../Images/15.1methane.jpg" width="20%" />
<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>
</div>
Or this (it makes no difference to the results):
Code:
<div class="FrameSmall">
<img alt="15.2ethane" src="../Images/15.2ethane.jpg" width="20%" />
<div>
<p class="First6" style="margin-right:2.5em">Carbon can also share a single electron pair with another carbon atom, with hydrogen providing the remaining three available bonds. In such a case, the resulting compound is ethane (C<sub>2</sub>H<sub>6</sub>), which is depicted on the left.</p>
Any ideas? Anyone?
Michelle