Center UL into a table

Question

I have a code like this:

<table>
<tr>
<td align="center">
<ul>
<li style="float:left;display:inline">Some text</li>
<li style="float:left;display:inline">Other text</li>
</ul>
</td>
</tr>
</table>

The problem is that the UL with is 100% and then all UL is aligned to the left, how can i center the content into UL? I must have that style for the LI, so i need that UL with fits to his content... does anyone knows how to do this?

regards,

Answer 1

You could try to apply display:inline to the ul instead of the li.

What is the reason you're applying it to the li anyway? It seems unnecessary because they are floated, but perhaps there is another reason.

Answer 2

A margin:auto style on the <table> should work. And you don't need align="center" on the <td>. Try this:

<table style="margin:auto">
    <tr>
        <td>
            <ul>
                <li style="float:left;display:inline">Some text</li>
                <li style="float:left;display:inline">Other text</li>
            </ul>
        </td>
    </tr>
</table>

Answer 3

Hi fidoboy,

Just remove that "float:left" from your li code because "display:inline" is itself do that job for you which you want with "float:left".