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 コードを使用します。

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

Answer 2

CSS:

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

これは機能します。ありがとう