<span class="py-12 inline-block bg-teal-400">Item</span>
We're live on Product Hunt with Material-UI Builder (read more). All Tailwind Builder users can use it for FREE ❤️
← Tailwind CSS classes list
Tailwind CSS class: .py-12
Preview
Item
CSS source
.py-12 { padding-top: 3rem; padding-bottom: 3rem; }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-48
- .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-16
- .py-20
- .py-24
- .py-32
- .py-40
- .py-48
- .py-56
- .py-64
- .py-px
Create Tailwind templates in minutes ⚡