Yes, there's an HTML tag for that 😁

Semantic accuracy is important when writing HTML, since it helps with accessibility.

This element represents a "figure" which accompanies a piece of text. This element can optionally include a element representing a description of the image itself.

You might find these types of sections in text books and technical docs. HTML was modelled after actually documents after all! 😎

This is not limited just for that.

👉 Say you have a carousel of images with some caption for each image

👉 A product section link as a card, with some details of the section

For all these you can use this element

Tailwind CSS v4 brings a cleaner approach to arbitrary values, no more escaping calc() or var()!

Native CSS functions are now first-class citizens, making your styles faster, smarter, and more compatible. Let’s explore how to migrate and modernize your utilities.