Space Between

Usage

Please refer to the documentation on the Tailwind CSS website

CAUTION

space-{n} was temporary removed in v4. You can now use gap-* utilities to add space between elements. We will re-add it once React Native adds support for display: 'block'.

Compatibility

ClassSupport
space-{n}
๐ŸŒ Web only
space-[n]
๐ŸŒ Web only
space-x-{n}
๐ŸŒ Web only
space-x-[n]
๐ŸŒ Web only
space-y-{n}
๐ŸŒ Web only
space-y-[n]
๐ŸŒ Web only
space-x-reverse
๐ŸŒ Web only
space-y-reverse
๐ŸŒ Web only
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

โœ… Full support

โœ”๏ธ Partial support on native

๐Ÿงช Experimental support on native

๐Ÿ“ฑ Native only

๐ŸŒ Web only

On this page