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 →

How it works Features Templates Purchase

Log in Try Demo

← Tailwind CSS classes list

Tailwind CSS class: .h-56

<span class="h-56 w-4 inline-block bg-teal-400"></span>

Preview

CSS source

.h-56 { height: 14rem; }

More in Tailwind CSS Height

.h-0
.h-1
.h-2
.h-3
.h-4
.h-5
.h-6
.h-8
.h-10
.h-12
.h-16
.h-20
.h-24
.h-32
.h-40
.h-48
.h-64
.h-auto
.h-px
.h-full
.h-screen
.max-h-full
.max-h-screen
.min-h-0
.min-h-full
.min-h-screen
.max-h-px

Tailwind CSS

Tailwind templates
Visual Editor for Tailwind CSS

© 2021 Shuffle

Terms Privacy Policy Licenses Support 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