/* Add some padding on document's body to prevent the content to go underneath the header and footer */ body{ padding-top: 40px; padding-bottom: 40px; } .fixed-header{ width: 100%; position: fixed; background: #a34029; padding: 10px 0; color: #a34029; } .fixed-header{ top: 0; } .fixed-footer{ bottom: 0; } .container{ width: 80%; margin: 0 auto; /* Center the DIV horizontally */ } nav a{ color: #fff; text-decoration: none; padding: 7px 25px; display: inline-block; }