There are two common methods explained here for wrapping text around images in HTML: The image attribute method and the table alignment method. You can also use CSS to wrap text around images.
The code used to make this alignment happen was:
Code:
<img src="panda.gif" width="80" height="80" align="right">
You could also use the following depending on where you want images placed in relation to text. Here are other alignment options:
align="left"
align="right"
align="top"
align="middle"
align="bottom"
align="baseline"
align="texttop"
align="absmiddle"
align="absbottom"
Depending on the way text flows you may decide that you want a less crowded look or you might want to add a caption above and/or below the image. This can be achieved with the table alignment method. The steps for the table method are listed below.
Code:
<table width="80" border="0" align="right" cellpadding="5" cellspacing="0">
<tr>
<td align="center" valign="top">Caption Area<br>
<img src="images1/panda.gif" width="80" height="80"><br>
Caption Area</td>
</tr>
</table>
Using this method allows you to also add a caption top and/or bottom of the image if you like.
Bookmarks