JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
    <div class="footer">
        <ul>
            <li>
                <div>Some text</div>
                <div>Some text more</div>
                <div>Some text even more</div>
                <div>Some text</div>
                <div>Some text</div>
                <div>Some text</div>
                <div>Some text</div>
            </li>
            <li>
                <div>Some text</div>
                <div>Some text more</div>
                <div>Some text even more</div>
                <div>Some text</div>
                <div>Some text</div>
            </li>
            <li>
                <div>Some text</div>
                <div>Some text more</div>
                <div>Some text even more</div>
                <div>Some text</div>
                <div>Some text</div>
            </li>
        </ul>
    </div>
</div>

CSS

#footer {
    width: 100%;
}
.footer {
    text-align: center;
    display: block;
    margin: 0 auto;
}
ul {
    list-style: none;
}
li {
    vertical-align: top;
    text-align: left;
    display: inline-block;
    width: 160px;
}