リストを横並びにする方法
CSSでリストを横一列にする2つの方法。
グローバルメニューで画像をならべたり、
フッターメニューなどに使える。
-------------------------------------
●リスト横並べ-1 floatを使う
ul {
list-style: none;
}
li {
float:left;
}
-------------------------------------
●リスト横並べ-2 inlineを使う
ul {
list-style: none;
}
li {
display:inline;
}
-------------------------------------
・関連：画像の下にすき間ができる