css - HTMLリストのインデントを削除する

Question

私はモバイルWebサイトのダイナミックHTMLリストに取り組んでいます。基本的な考え方は機能しますが、リストの横のスペースを削除したいと思います。margin-leftとを試してみましpadding-leftたが、それでも機能しません。

例 ：

/* Now */
    List1
    List2
    List3

/* And I want */
List1
List2
List3

Answer 1

Safariで計算されたスタイル<ul>

display: block;
font-family: 'Lucida Grande', Arial, Helvetica;
font-size: 12px;
height: 30px;
list-style-type: disc;
margin-bottom: 12px;
margin-left: 0px;
margin-right: 0px;
margin-top: 12px;
padding-bottom: 0px;
padding-left: 40px;
padding-right: 0px;
padding-top: 0px;
width: 795px;

（ご覧<li>のとおり、ほとんどが親から継承されています<ul>）

display: list-item;
font-family: 'Lucida Grande', Arial, Helvetica;
font-size: 12px;
height: 15px;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: -webkit-auto;
width: 795px;

パディング-左（継承も）;

padding-left: 40px;

より低い値に設定します。

padding-left: 0px;

Answer 2

paddingリストアイテムのコンテナ（、、ulまたはol）menuからを削除する必要があるようです。

ul {
    padding-left:0;
}

Answer 3

ulからパディングを削除するだけです。

  ul {padding-left:0}

これはおそらく、cssリセットも設定していないことを意味していると思います。これを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;
}