CodePen Embed - Figure caption element

<!DOCTYPE html>
<html>
<body>

<h1>The figure with figcaption element</h1>

<figure>
  <img src=" https://lh3.googleusercontent.com/W3teJgCjwzJ81qvWw7HprlQtY2jyOQike1eVccJjVSBFeJDrRJgbBIwQu_iEld8qZYZWCjjJWAHewXkYJ-6T3xziDuTA4UO_GZos8uzXbJwCnz5HnfUnd445N7Pb5zcR3TXfZCe21Q=w2400" style="width:100%">
  <div style="background-color:maroon;color:white;padding:8px;">
  <figcaption>This figure caption</figcaption>
    </div>
</figure>

</body>
</html

This Pen is owned by DeepAI on CodePen.

See more by @DeepAI20 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.