выравнивание списка по центру таблицы по левому краю

Question

Я не могу выровнять этот список по левому краю

    <table width="100%">
    <tr>
        <td align="center">
            <asp:Panel ID="Panel1" runat="server" BackColor=White Height="604px" 
            Width="493px" >

                <ul align=left style="left:-60px;background:Black">
                    <li>Coffee</li>
                    <li>Milk</li>
                </ul> 

            </asp:Panel>
       </td>
    </tr>
</table>

Answer 1

Я согласен с Datoon, если это не табличные данные, то, вероятно, стоит поместить это в обычный div.Однако, следующий текст выровняет ваш текст по левому краю.

<ul style="background:Black; text-align:left;">
   <li>Coffee</li>
   <li>Milk</li>
</ul> 

Answer 2

Добавление следующего правила CSS к родительскому элементу <div> приведет к правильному выравниванию:

div {
    text-align: left;
}

Вы можете увидеть это в действии здесь .

Answer 3

Я знаю, это может звучать странно, но почему вы используете таблицу вместо div? Это конкретно данные, которые являются табличными в макете?

Обычно вы используете div для отсутствующих табличных данных.

Чтобы вы могли сделать следующее:

<div style="float:left">
Your list items here.
</div>
<div style="float:right">
Some other content here.
</div>

Не забудьте сделать следующее, хотя после:

<div style="clear:both"></div>