html - 将 li 向左对齐 IE8

Question

您好，我正在尝试将 LI 项目向左对齐。

这是我的代码。我尝试了几种解决方案，但似乎没有任何效果。

CSS：

ul {
    list-style:none;padding:0
}

HTML：

    <table  border="0" cellspacing="0" cellpadding="0">   
     <tr>
      <td>
       <ul>
        <li>test</li>
        <li>test</li>
      </ul>     
      </td>  
    </tr>   
   </table>

使用 Chrome，它们会正确地向左对齐。我也可以在 IE 8 中让它对齐吗？

谢谢

Answer 1

CSS：

ul{margin:0;padding:0;list-style:none}

这行得通。谢谢

Answer 2

使用重置 css 代码：

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}