ul liタグの左の点とインデントを無くす方法

2014.07.01 (Tue) / Web / Comment[0]

こんな感じにインデントと左に空白（margin,padding）が入る場合がありますよね。

そんな時はCSSでこうすればおｋです。

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

ブラウザによってインデントはmargin-leftでやったりpadding-leftでやったりするので両方0にしておくといいでしょう。

ついでにul liで横並びにする方法

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

li {
    display: inline;
    margin: 0.5em;
}

関連記事

コメント