Css 左对齐居中表中的列表

我无法使此列表向左对齐

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

咖啡
牛奶

我知道这听起来很奇怪，但为什么要使用表而不是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>

---

我同意Datoon，如果它是非表格数据，那么可能值得将其放在一个常规div中。不过，下面将使文本向左对齐

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

咖啡
牛奶

将以下CSS规则添加到父级将使其正确对齐：

div {
    text-align: left;
}

---

你可以看到它。

知道为什么我可以在visual studio设计视图中看到要点，但不能在浏览器（IE）中看到吗？你可以直接在UL元素上设置

列表样式类型：
列表样式类型：disc。