Adding images with captions

HTML Code:

In order to add an image with a caption to the body copy of a page, please use the following code in the HTML source code. You can adjust the float by replacing the "Left" or "Right" variable. You must  change the width variable to match the width of the image.

<div class="mainimage Floating_Left" style="width: 370px;">
<img src="Images/shared/370/placeholder.jpg"  width="370" height="240"  border="0" alt="alt text">
<div class="mainimage_caption">Place caption here</div>
</div>

Example of images (with captions) in the body copy area:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur neque. Donec gravida lectus nec mi tincidunt lacinia in eu est. Pellentesque consectetur turpis sollicitudin ligula suscipit semper. Cras ultrices nisl leo, ut ultricies elit. Praesent lobortis ornare odio ut volutpat. Aliquam erat volutpat. Sed consectetur justo ut turpis consectetur sit amet semper diam vulputate. In hac habitasse platea dictumst. Sed eget tortor dolor, sed porttitor neque. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies semper.

370x240
This image placed in the body copy floated left using the "mainimage Floating_Left" div class. View the HTML source code and copy all of the code between the opening and closing div tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur neque. Donec gravida lectus nec mi tincidunt lacinia in eu est. Pellentesque consectetur turpis sollicitudin ligula suscipit semper. Cras ultrices nisl leo, ut ultricies elit. Praesent lobortis ornare odio ut volutpat. Aliquam erat volutpat. Sed consectetur justo ut turpis consectetur sit amet semper diam vulputate. In hac habitasse platea dictumst. Sed eget tortor dolor, sed porttitor neque. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies semper. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies

370x240
This image placed in the body copy floated right using the "mainimage Floating_Right" div class. View the HTML source code and copy all of the code between the opening and closing div tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur neque. Donec gravida lectus nec mi tincidunt lacinia in eu est. Pellentesque consectetur turpis sollicitudin ligula suscipit semper. Cras ultrices nisl leo, ut ultricies elit. Praesent lobortis ornare odio ut volutpat. Aliquam erat volutpat. Sed consectetur justo ut turpis consectetur sit amet semper diam vulputate. In hac habitasse platea dictumst. Sed eget tortor dolor, sed porttitor neque. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies semper. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies

370x240
This image placed in the body copy centered using the "mainimage Centered_Above_Content" div class. View the HTML source code and copy all of the code between the opening and closing div tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur neque. Donec gravida lectus nec mi tincidunt lacinia in eu est. Pellentesque consectetur turpis sollicitudin ligula suscipit semper. Cras ultrices nisl leo, ut ultricies elit. Praesent lobortis ornare odio ut volutpat. Aliquam erat volutpat. Sed consectetur justo ut turpis consectetur sit amet semper diam vulputate. In hac habitasse platea dictumst. Sed eget tortor dolor, sed porttitor neque. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies semper. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies

370x240
This image placed in the body copy centered with no border using only the "mainimage" div class. View the HTML source code and copy all of the code between the opening and closing div tags

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed id consectetur neque. Donec gravida lectus nec mi tincidunt lacinia in eu est. Pellentesque consectetur turpis sollicitudin ligula suscipit semper. Cras ultrices nisl leo, ut ultricies elit. Praesent lobortis ornare odio ut volutpat. Aliquam erat volutpat. Sed consectetur justo ut turpis consectetur sit amet semper diam vulputate. In hac habitasse platea dictumst. Sed eget tortor dolor, sed porttitor neque. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies semper. Duis molestie eleifend lorem nec varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In quis libero ullamcorper nisl malesuada consectetur id cursus massa. Suspendisse potenti. Maecenas vehicula est nec tortor dapibus quis eleifend augue posuere. Mauris quis odio nec eros viverra interdum vitae non neque. Ut non egestas augue. Integer lacinia, augue eu accumsan fringilla, nisl nunc posuere lorem, non sollicitudin mi velit ac nibh. Donec id felis vitae massa ultricies