Search results
If your elements are in reverse order (using say flex-row-reverse or flex-col-reverse), use the space-x-reverse or space-y-reverse utilities to ensure the space is added to the correct side of each element.
Reversing children order. If your elements are in reverse order (using say flex-row-reverse or flex-col-reverse), use the space-x-reverse or space-y-reverse utilities to ensure the space is added to the correct side of each element. 1. 2. 3.
Tailwind CSS class .space-x-reverse / .space-y-reverse with source code and live preview. You can copy our examples and paste them into your project!
Space Between is a set of Tailwind CSS classes for spacing. You'll find a comprehensive, complete list of all space between classes below. space-x-0 > * + *. space-y-0 > * + *. space-x-0.5 > * + *. space-y-0.5 > * + *. space-x-1 > * + *. space-y-1 > * + *. space-x-1.5 > * + *.
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'.
Tailwind CSS class .space-y-1 / .space-y-* with source code and live preview. You can copy our examples and paste them into your project! Create beautiful Tailwind templates in minutes
Tailwind CSS class .space-y-reverse with source code and live preview. You can copy our examples and paste them into your project!