JSFiddle - React, Tailwind, and code Playground

by JoshC

HTML

<div class="wrap">
    <ul>
    <li>hello</li>
    <li>buddy</li>
    <li>you</li>
    <li>stink</li>
    </ul>
</div>

CSS

li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    border: 1px solid green;
    font-size:16px;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: 95%;
    font-size:0px;
}

div.wrap {
    width: 500px;
    border: 1px solid red;
    text-align: center;
}