お世話になっております。
件名の通り入れ子になっているリストを端から開始したいと思っております。
html
1<html> 2<head> 3<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4<title>無題ドキュメント</title> 5</head> 6<body> 7 8<div id="wrap"> 9 10<div id="menu"> 11<ul> 12 <li><a href="#">情報A</a></li> 13 <li><a href="#">情報B</a></li> 14 <li><a href="#">情報C</a></li> 15 <li><a href="#">情報D</a></li> 16</ul> 17</div> 18 19</div> 20 21</body> 22</html> 23```html 24とあって 25 26cssが 27```css 28#wrap { 29 width: 940px; 30 margin: 0 auto; 31 background-color:#FFF; 32} 33 34#menu { 35 top: 61px; 36 background-repeat: repeat-x; 37 list-style-type: none; 38 width: 940px; 39 margin: 0px auto 64px; 40 padding: 0; 41 background-repeat: repeat-x; 42/* left: 11px;*/ 43} 44 45#menu li { 46 background-color:#00F; 47 position: relative; 48 width: 25%; 49 float: left; 50 margin: 0; 51 padding: 0; 52 text-align: center; 53 list-style:none;/*・を消す*/ 54}
とした時
リストのliが左端から始まってくれません。
menu { の left: 11px; を 有効にすればソレっぽくなるのですが
不恰好なので
端から始めるにはどのように表記すれば良いのかご助力頂けませんでしょうか?
お忙しい中
申し訳ないのですが上記お問い合わせいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/13 00:15
2016/09/13 00:51