Add a caption to an image
A left-aligned image with a caption.
HTML for the left-aligned image
<div class="captionleft" style="width: 150px">
<img src="graphics/pink_flower.jpg" alt="Pink Flower" width="150" height="113">
<br>
A left-aligned image with a caption.
</div>
A right-aligned image with a caption.
HTML for the right-aligned image
<div class="captionright" style="width: 150px">
<img src="graphics/blue_flower.jpg" alt="Blue Flower" width="150" height="113">
<br>
A right-aligned image with a caption.
</div>
Note: The width of style="width: must be the same as the width of the image used. In the above examples both images are 150px.