Try it Editor: html5_figure_default

Edit This Code :



<!DOCTYPE html>
<html>
<head>
<style>
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="http://www.dwfaisalabad.com/wp-content/uploads/2017/11/wordpress49-180x180.png" alt="The Pulpit Rock" width="228" height="228">
</figure>

<p>Change the default CSS settings to see the effect.</p>

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

</body>
</html>

Result :

html5_figure_default_css