h-12: Tailwind CSS Height class

The h-12 class sets the height of an element to 3rem (48 pixels).

h-12

The h-12 class sets the height of an element to 3rem (48 pixels). This size is commonly used for slightly larger buttons, input fields, or navigation bars.

Code Example

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

Preview

Height: 12

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