JSFiddle - React, Tailwind, and code Playground

http://stackoverflow.com/questions/7177228/display-inline-problem

by tw16

HTML

<div id="footer">
    <div id="content">
        <ul>
            <li>
                <ul>
                    <li>AAA</li>
                    <li>AAA</li>
                    <li>AAA</li>
                    
                </ul>
            </li>
            <li>
                <ul>
                    <li>BBB</li>
                    <li>BBB</li>
                    <li>BBB</li>
                </ul>
            </li>
        </ul>
    </div>
</div>

CSS

#content ul {
    list-style: none;
}

#content ul li ul{
    float: left;
    margin-right: 10px; /* added to space lists out */
}