h-16: Tailwind CSS Height class

The h-16 class applies a height of 4rem (64 pixels) to an element.

h-16

The h-16 class applies a height of 4rem (64 pixels) to an element. This height is great for larger UI elements, such as hero sections, wide buttons, or prominent navigation bars.

Code Example

html
<div class="h-16 bg-indigo-500 text-white text-center flex justify-center items-center font-bold rounded-md">Height: 16</div>

Preview

Height: 16

Windframe is an AI visual editor for rapidly building stunning web UIs & websites

Start building stunning web UIs & websites!

Build from scratch or select prebuilt tailwind templates
Learn more about Windframe