JSFiddle - React, Tailwind, and code Playground

by ning wang

HTML

<div class="shorty">
This div has a height, but not a line-height specified. Lorem ipsum blammo. Lorem ipsum blammo. Lorem ipsum blammo. Lorem ipsum blammo. Lorem ipsum blammo. Lorem ipsum blammo. Lorem ipsum blammo.
</div>
<div class="liney">
This div has a line-height specified. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. Kramlish kaplooy ipsum. 
</div>
<div>
This div follows Kramlish. This div follows Kramlish. This div follows Kramlish. This div follows Kramlish. This div follows Kramlish. 
</div>

CSS

.shorty
{
    height: 12px;
}

.liney
{
    line-height: 25px;
}