Posted By

COBOLdinosaur on 03/13/13

Tagged

list
images

Versions (?)

Last Edited at 03/13/13 05:56am

Statistics

Viewed 847 times

Favorited by 0 user(s)

Related snippets

Captions for images

/ Published in: HTML

The nice part about it is that the caption is locked to the image. The figure can be positioned and styled and the caption can be rendered with any affect that can be applied to any other text element.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<figure style="width:110px;float:left;margin:10px;text-align:center;
                    background-color:white;border:1px solid black;
                    border-radius:5px;box-shadow:1px 1px 1px 1px;padding-top:5px;">
    <img src="../images/cd100.jpg">
    <figcaption>this is image one</figcaption>
</figure>