HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Figure caption</title>

  <style>

    figure { max-width: 420px; margin: 0; }

    img { max-width: 100%; height: auto; border-radius: 8px; }

    figcaption { margin-top: 8px; font-size: 0.9rem; color: #475569; }

  </style>

</head>

<body>

  <figure>

    <img src="https://placehold.co/400x240/7c3aed/white?text=Chart"

      alt="Bar chart showing 25% sales growth in Q1">

    <figcaption>Figure 1: Sales growth in Q1 compared to last year.</figcaption>

  </figure>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Images — Figure and Caption