JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div class="list-container">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
        <li>Item Looooooooooooooooooooooooonggg</li>
    </ul>
</div>

CSS

.list-container {
    text-align: center;
}
ul {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
    border: 1px solid red;
}