Shuffle for Tailwind CSS
How it works Features Components Pricing
Log in Try Demo
← Tailwind CSS classes list

Tailwind CSS class: .pl-56

<span class="pl-56 inline-block bg-teal-400">Item</span>

Preview

Item

Check .pl-56 in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →

CSS source

.pl-56 { padding-left: 14rem; }

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-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
© 2025 Shuffle
Terms Privacy Policy Licenses Support Components Templates Tailwind CSS

Tailwind Builder is a product of Shuffle and is not affiliated with Tailwind CSS or Tailwind Labs.

Switch to the Tailwind Editor by Shuffle