<span class="w-56 h-4 block bg-teal-400"></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: .w-56
Preview
CSS source
.w-56 { width: 14rem; }More in Tailwind CSS Width
- .w-0
- .w-1
- .w-2
- .w-3
- .w-4
- .w-5
- .w-6
- .w-8
- .w-10
- .w-12
- .w-16
- .w-20
- .w-24
- .w-32
- .w-40
- .w-48
- .w-64
- .w-auto
- .w-px
- .w-full
- .w-screen
- .w-1/2
- .w-1/3
- .w-2/3
- .w-1/4
- .w-2/4
- .w-3/4
- .w-1/5
- .w-2/5
- .w-3/5
- .w-4/5
- .w-1/6
- .w-2/6
- .w-3/6
- .w-4/6
- .w-5/6
- .w-1/12
- .w-2/12
- .w-3/12
- .w-4/12
- .w-5/12
- .w-6/12
- .w-7/12
- .w-8/12
- .w-9/12
- .w-10/12
- .w-11/12
- .max-w-xs
- .max-w-sm
- .max-w-md
- .max-w-lg
- .max-w-xl
- .max-w-2xl
- .max-w-3xl
- .max-w-4xl
- .max-w-5xl
- .max-w-6xl
- .max-w-full
- .max-w-screen-sm
- .max-w-screen-md
- .max-w-screen-lg
- .max-w-screen-xl
- .max-w-none
- .min-w-0
- .min-w-full
Create Tailwind templates in minutes ⚡