is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
Menu
How it works
Features
Components
Pricing
Log in
Try Demo
← Tailwind CSS classes list
Tailwind CSS class:
.-inset-0
<div class="relative h-40"> <div class="absolute -inset-0 p-6 bg-teal-400 text-sm"></div> </div>
Preview
More in Tailwind CSS Positioning
.align-*
.clear-left
.clear-right
.clear-both
.clear-none
.clearfix
.float-*
.inset-y-0 / .inset-*-#
.top-0 / .top-*
.left-0 / .left-*
.right-0 / .right-*
.bottom-0 / .bottom-*
.object-center
.object-bottom
.object-left
.object-left-bottom
.object-left-top
.object-right
.object-right-bottom
.object-right-top
.object-top
.object-contain / .object-*
.z-10 / .z-*
.static
.relative
.absolute
.fixed
.sticky
.-bottom-1
.-bottom-px
.-inset-px
.-inset-x-0
.-inset-y-0
.-inset-y-full
.-inset-y-px
.-left-0
.-left-full
.-left-px
.-m-0
.-m-px
.-mb-0
.-mb-px
.-ml-0
.-ml-px
.-mr-0
.-mr-px
.-mt-0
.-mt-px
.-mx-0
.-mx-px
.-my-0
.-my-px
.-right-0
.-right-full
.-right-px
.-rotate-1
.-skew-x-1
.-skew-y-1
.-space-x-0
.-space-x-px
.-space-y-0
.-space-y-px
.-top-0
.-top-px
.-translate-x-0
.-translate-x-full
.-translate-x-px
.-translate-y-0
.-translate-y-px
.absolute
.align-baseline
.align-bottom
.align-middle
.align-text-bottom
.align-text-top
.align-top
.bottom-0
.bottom-auto
.bottom-full
.bottom-px
.inset-1
.inset-full
.inset-px
.inset-x-1
.inset-x-full
.inset-x-px
.inset-y-1
.inset-y-full
.inset-y-px
.left-1
.left-full
.left-px
.right-1
.right-auto
.right-full
.right-px
.top-full
.top-px
Tailwind CSS
Tailwind Editor
Tailwind Components
Tailwind Templates