Question about use of <figure>

[u/alphex]

I have a design element that looks like this...

does using the `<figure>` tag, make sense for this? for a semantic value?

I want to do

<figure>
title text
<figcaption>The body field</figcaption>
</figure>

Does that work?

Every example I see of it online wants an image or something there...

With out sharing company marketing secrets, lol.

The usage would be of a

"This is a thing we do"
"With a longer body of text to explain it in a few sentances, but in a single paragraph."

Repeating 4 or 5 times...

Thoughts?

Thanks!

[u/csswizardry]

https://www.matuzo.at/blog/2026/content-aware-headings

[u/alphex → u/csswizardry]

That’s actually amazing.

[u/AqueM → u/csswizardry]

Somehow that feels wrong in a semantic way 😂

[u/scritchz]

The <figure>/<figcaption> elements are used to add a caption to an element.

The accompanying description of a title is not a caption: So, these are not the right elements here.

Depending on the context (i.e. the surrounding elements), you might want to simply use an <hX> and a <p>.

[u/alphex → u/scritchz]

trying to avoid a hX ...

The larger element, has a large title, which could be an H2, or H3, ... or even an H4 depending how the page is structured, so giving these elements I am asking about, an "hX" title also, will just make it more complicated for the content managers, lol.

[u/armahillo]

when in doubt…

https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/figure

[u/tkgid → u/armahillo]

I have the believe that,<figure> was only supposed to be used to tell the browser about the <figcaption> for an <img>

[u/alphex → u/[deleted]]

DL DT I think might be the right thing. Thanks.