Here's the fiddle (http://jsfiddle.net/PZgn8/8/). Note that it looks different rendered in Chrome 27 and Firefox 21. I think it's a bug with Firefox, but Firefox gives me the outcome I want.

<ul style="text-align: center;">
    <li>
        <a href="#">One</a>
    </li>
    <li>
        <a href="#">Two</a>
        <ul>
            <li>
                <a href="#">Two's child</a>
            </li>
        </ul>
    </li>
</ul>

Basically, for the child ul within the li, I need its list discs to be at the center too, not the side.

css google-chrome firefox
Edit
Report