JSFiddle - React, Tailwind, and code Playground

HTML

<footer class="container">
    <div class="row">
        <div class="span12">
            <ul>
                <li>footer info 1</li>
                <li>footer info 2</li>
               
            </ul>      <ul>
                <li>footer info 4</li>
                <li>footer info 5</li>
                
            </ul>       <ul>
                <li>footer info 4</li>
                <li>footer info 5</li>
                
            </ul>            </div>
    </div>
</footer>

CSS

footer {
    background:#fdd;
}
div.row {
    background: #dfd;
}
ul {
    background: #ddf;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
li {
    display: inline-block;
    background: #fff;
    margin: 0.5em;
    padding: 0.5em;
}