Just starting out with CSS and running into some issues. I'm attempting to create a solid colored top bar similar to the black bar at the bottom of this page. However, instead of the color extending from the borders of the page, it's creating a box around the text. I've tried adjusting the width and height properties with no luck.
Any help would be appreciated!
EDIT:
body { margin:0;}
.
.
.
#bar{
height: 100%; //these dont do anything
width: 100%;
background-color:black;}
<div id=bar> <h1> <a href="index.html"> <span id=stuff>stuff </span></a>
<br> <span id=stuff> stuff stuff stuff</span> </h1>
<ul>
<li><a href="#stuff">stuff stuff stuff</a></li>
<li><a href="#stuff">stuff stuff stuff</a></li>
<li><a href="#stuff">stuff stuff stuff</a></li>
<li><a href="#stuff">stuff stuff stuff</a></li>
<li><a href="#stuff">stuff stuff stuff</a></li>
<li><a href="#stuff">stuff stuff stuff</a></li>
</ul>
</div>