css - 順序付けられていないリストをテーブルの中央に配置する

Question

次のようなコードがあります。

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

問題は、UL 幅が 100% で、すべての UL が左に整列することです。コンテンツを UL の中央に配置するにはどうすればよいですか? LI にはそのスタイルが必要なので、コンテンツに適合した UL が必要です。

Answer 1

"float:left"Li コードからそれを削除するだけ"display:inline"です"float:left"。

Answer 2

のmargin:autoスタイルが機能する<table>はずです。そして、あなたは必要ありませalign="center"ん<td>。これを試して：

<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

li の代わりに ul に display:inline を適用してみてください。

とにかくそれを李に適用している理由は何ですか？浮いているので不要に思えますが、もしかしたら別の理由があるのか​​もしれません。