R
richard
All I want to do is put a border around a ul li istem and it ain't
happening. I tried what I want to do using the w3 schools examples and it
works there just fine.
what am I missing?
ul {margin:0; padding:0;}
ul li {list-style-type:none; display:inline-block;}
#holder {width:1200px;}
.wrap {margin-bottom:20px; display:block;}
.box1 {width:1200px; height:100px; background-color:#cfc;}
.box2 (width:1200px; height:600px; overflow:auto;}
.aa {width:1in; height:1in; border:solid 1px black;}
<body>
<div id="holder">
<div class="wrap">
<div class="box1">
<h3>1960</h3>
<ul>
<li class="aa">Rank</li><li class="aa">Song ID</li>
</ul>
</div>
<div class="box2">hello
</div>
</body>
happening. I tried what I want to do using the w3 schools examples and it
works there just fine.
what am I missing?
ul {margin:0; padding:0;}
ul li {list-style-type:none; display:inline-block;}
#holder {width:1200px;}
.wrap {margin-bottom:20px; display:block;}
.box1 {width:1200px; height:100px; background-color:#cfc;}
.box2 (width:1200px; height:600px; overflow:auto;}
.aa {width:1in; height:1in; border:solid 1px black;}
<body>
<div id="holder">
<div class="wrap">
<div class="box1">
<h3>1960</h3>
<ul>
<li class="aa">Rank</li><li class="aa">Song ID</li>
</ul>
</div>
<div class="box2">hello
</div>
</body>