Try it Yourself

<!DOCTYPE html>
<html>
<head>
<style>
/* Default CSS Values */
figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
</style>
</head>
<body>

<p>A figure element is displayed like this:</p>

<figure>
  <img src="cinqueterre.jpg" alt="Cinque Terre" width="304" height="236">
</figure>

<p>A customized figure element (changed margin-left):</p>

<figure style="margin-left:100px;">
  <img src="cinqueterre.jpg" alt="Cinque Terre" width="304" height="236">
</figure>

<p><strong>Note:</strong> The figure tag is not supported in Internet Explorer 8 and earlier versions.</p>

</body>
</html>
Top Tutorials

Top References

Top Examples

Web Certificates
