is now part of
Shuffle™
. You can use the editor on this domain, but we encourage you to
try Shuffle →
. Shuffle™ includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
Menu
How it works
Features
Purchase
Log in
Try Demo
← Tailwind CSS classes list
Tailwind CSS class:
.w-px
<span class="w-px h-4 block bg-teal-400"></span>
Preview
CSS source
.w-px { width: 1px; }
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-56
.w-64
.w-auto
.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