リストタグで横並びメニューリストタグで作るメニューサンプル（外部スタイルシート使用） リストを横に並べるには？ 各リスト項目<li>に対して float:left を適用し、各項目を左に回り込ませ横並びにします。 css/htmlソース ID "menu" の部分は任意の名前です。自分の好きな名前にしても、このままでもＯＫです。 初心者の方 →スタイルシートIDの名前とhtmlソースIDの名前を一致させて下さい。 横幅・フォントのサイズは、ご自分のサイトに合わせて変えて下さい。フォントサイズについてはこちらに詳細があります。
