Question

I have a bug in my CSS that I cant seem to fix. When I render the below code in my browser it puts the links in the header and footer on a new line (which subsequently makes the header and footer taller than they should be) and breaks the layout

http://tinkerbin.com/bhu0pfZF

How do I get the links to sit properly within their header/footer containers.

Answer 1

Most tags have default margins and paddings, this should fix the problem:

ul {
    margin-top: 0;
}

You may want to reset the others with:

ul {
    margin: 0;
    padding: 0;
}