Question

I have 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 width is 100% and then all UL are aligned to the left. How can I center the content into UL? I must have that style for the LI, so I need a UL with fitting to the content.

Answer 1

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".

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

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.

友情链接