※ ChatGPTを利用し、要約された質問です(原文:画像を挿入して横並びのメニューリストを作ったのです)
画像を横並びのメニューリストに挿入する方法
画像を挿入して横並びのメニューリストを作ったのです
が、margin-top,margin-bottom(margin-leftはききます)がききません。何が原因でしょうか?
以下がソースです。
~html~
<ul id="menu">
<ul>
<li>a href="#"><img src="〇〇.jpg"alt="〇〇" width="167" height"59"/></a></li>
<li><a href="#"><img src="△△.jpg"alt="△△" width="167" height"59"/></a></li>
省略
</ul>
~css~
ul#menu {margin-left: 45px}
ul#menu li {list-style-type: none;
float: left}
ul#menu li a {display: block;
width: 181px}
ul#menuのところに記述しましたが、変化ありませんでした。
お礼
ありがとうございました。 HTML5と従来のHTMLとは、けっこう違いますね。私もそろそろHTML5の書き方を取り入れていこうと思います。