sr-only

The class sr-only is a Tailwind CSS class, part of the screen readers classes in the category accessibility.

Example usage

The following code is an example on how to use the class sr-only.

The above code produces the following result:

Settings

Resulting CSS

position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;

Want to learn more about Tailwind CSS? Join the Tailscan email list!

Get Tailwind CSS and Tailscan news in your inbox every few weeks.

If you want to unsubscribe later, you can do so very easily, no hard feelings!