- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:HTML&CSSで「横並び」にする方法)
HTML&CSSで「横並び」メニューリストを作成する方法
このQ&Aのポイント
- HTML&CSSを使用して、メニューリストを横並びにする方法について教えてください。
- 具体的なコード例として、HTML内でのメニューリストの作成方法とCSSでのスタイル設定方法を説明してください。
- また、現在のコードに何が間違っているのか、横並びにならない原因と解決方法についても教えていただけると助かります。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
<style> #nav li { display: inline; list-style-type: none; padding-right: 30px; } table{ width:15%; } </style> <body> <h1 id="logo"><a href="index.html"><img src="images/logo1.png"width="400"height="200"alt="KUJIRA cafe"</a></h1> <ul id="nav"> <li><a href="index.html">ホーム</a></li> <li><a href="about.html">店舗案内</a></li> <li><a href="access.html">アクセス</a></li> <li><a href="menu.html">メニュー</a></li> <li><a href="contact.html">お問い合わせ</a></li> </ul> </body> で書いたら、横並びになってますよ。w ↑これが問題ではないのでは? <link href="./style.css" rel="stylesheet" type="text/css"> このパス(href="./style.css")とか間違えてませんか? CSSファイルを保存したときの文字コードとかもどうですか?
お礼
何度も書き直してもできません。はぁ。もう一度補足して質問してみます。よろしくお願いします。