JSFiddle - React, Tailwind, and code Playground

by molily

HTML

<ul>
    <li class="inline big-line-height">Item 1</li>
    <li class="inline big-line-height">Item 2</li>
    <li class="inline small-line-height">Item 3</li>
    <li class="inline-block big-line-height">Item 4</li>
    <li class="inline-block big-line-height">Item 3</li>
    <li class="inline-block small-line-height">Item 4</li>
</ul>
<div>TESTBOX</div>

CSS

* {
    margin: 0;
    border: 0;
    padding: 0;
    font-family: sans-serif;
}

li {
    background-color: red;
}

.inline { display: inline; }
.inline-block { display: inline-block; }

.small-line-height { line-height: 1.4; }
.big-line-height { line-height: 2; }

div {
    background-color: blue;
}