HTML <figcaption>: 독립 콘텐츠 설명 요소

<figure>
  <img src="/assets/plumbing.jpg" alt="복잡한 배관 사진." />
  <figcaption>모범 사례</figcaption>
</figure>

figure {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  max-width: 320px;
  text-align: center;
  padding: 8px;
}
img {
  width: 100%;
}
figcaption {
  font-size: 12px;
}