JSFiddle - React, Tailwind, and code Playground

by dipish

HTML

<div class="container">
    <ul class="child"><li>item 1</li><li>item 2</li></ul>
</div>

CSS

.container {
    border: solid 2px green;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 100%;
}

.child {
    border: solid 2px red;
    height: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: bottom;
    list-style-type: none;
    line-height: normal;
}

.child li {
    display: inline-block;
}