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:
.pr-48
<span class="pr-48 inline-block bg-teal-400">Item</span>
Preview
Item
CSS source
.pr-48 { padding-right: 12rem; }
More in Tailwind CSS Paddings
.p-0
.p-1
.p-2
.p-3
.p-4
.p-5
.p-6
.p-8
.p-10
.p-12
.p-16
.p-20
.p-24
.p-32
.p-40
.p-48
.p-56
.p-64
.p-px
.pb-0
.pb-1
.pb-2
.pb-3
.pb-4
.pb-5
.pb-6
.pb-8
.pb-10
.pb-12
.pb-16
.pb-20
.pb-24
.pb-32
.pb-40
.pb-48
.pb-56
.pb-64
.pb-px
.pr-0
.pr-1
.pr-2
.pr-3
.pr-4
.pr-5
.pr-6
.pr-8
.pr-10
.pr-12
.pr-16
.pr-20
.pr-24
.pr-32
.pr-40
.pr-56
.pr-64
.pr-px
.pt-0
.pt-1
.pt-2
.pt-3
.pt-4
.pt-5
.pt-6
.pt-8
.pt-10
.pt-12
.pt-16
.pt-20
.pt-24
.pt-32
.pt-40
.pt-48
.pt-56
.pt-64
.pt-px
.pl-0
.pl-1
.pl-2
.pl-3
.pl-4
.pl-5
.pl-6
.pl-8
.pl-10
.pl-12
.pl-16
.pl-20
.pl-24
.pl-32
.pl-40
.pl-48
.pl-56
.pl-64
.pl-px
.px-0
.px-1
.px-2
.px-3
.px-4
.px-5
.px-6
.px-8
.px-10
.px-12
.px-16
.px-20
.px-24
.px-32
.px-40
.px-48
.px-56
.px-64
.px-px
.py-0
.py-1
.py-2
.py-3
.py-4
.py-5
.py-6
.py-8
.py-10
.py-12
.py-16
.py-20
.py-24
.py-32
.py-40
.py-48
.py-56
.py-64
.py-px
.p-11
.pb-11
.pl-11
.pr-11
.pt-11
.px-11
.py-11
Tailwind CSS
Tailwind Editor
Tailwind Components
Tailwind Templates