Skip to main content

Captions

Captions

Anytime you need to display a piece of content—like an image—with an optional caption, consider using a <figure>. Use the .figure, .figure-img and .figure-caption classes to provide some baseline styles for the HTML <figure> and <figurecpation> elements.

A generic square placeholder image with rounded corners in a figure.
A caption for the above image.

Aligning the figure’s caption is easy with our alignment classes.

A generic square placeholder image with rounded corners in a figure.
A caption for the above image.
expand_less