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

Tailwind CSS class: .h-40

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

Preview

Check .h-40 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 →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

CSS source

.h-40 { height: 10rem; }

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-48
  • .h-56
  • .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 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