Caption Side

Utilities for controlling the alignment of a caption element inside of a table.

Use to position a caption element at the top of a table.

Use caption-bottom to position a caption element at the bottom of a table.

For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.

You can also use variant modifiers to target media queries like responsive breakpoints, dark mode, prefers-reduced-motion, and more. For example, use to apply the caption-bottom utility at only medium screen sizes and above.