29956


`<ul>`について質問させてください。  
デフォルトの`<li>`の先頭に付く「・」が邪魔で`list-style-type: none;`にて非表示させました。  
しかし、非表示しているにも関わらず、その部分のスペースは取ってしまっているようです。  
これを無くしたいのですがどのようにすれば良いのでしょうか？

[code]

    li {
        list-style-type: none;
    }
    .ul_left {
        display: table;
        position: relative;
        margin-right: auto;
    }
[/code]

[code]

    <ul class="ul_list">
     <li>フルーツ</li>
     <ul class="ul_left">
      <li>リンゴ</li>
      <li>リンゴ</li>
      <li>リンゴ</li>
     </ul>
    </ul>
[/code]


CC BY-SA 3.0
2016-10-28T02:48:51.753
29955
2016-10-28T02:55:40.267
18525
question
html css
<ul>のlist-styleのスペースを除去するには


`ul` にpadding があります。  
`.ul_left { ... }` (必要なら`.ul_list` も)に `padding : 0;` を追加すればいいと思います。


CC BY-SA 3.0
2016-10-28T02:55:40.267
29956
2016-10-28T02:55:40.267
5044
29955
answer