Creating HTML and CSS Markup - Realtime Web Apps: With HTML5 WebSocket, PHP, and jQuery - page 113

To correct this, now you need to add the layout rules to give background colors, alignment, and other box model
rules. Add the new layout code to finish the header and footer styles:
/* Layout
----------------------------------------------------------------------------*/
html { background-color: #fbf7e7; }
body { margin: 0; }
header,footer {
-webkit-box-shadow: 0 0 10px rgba(31, 27, 12, .3);
box-shadow: 0 0 10px rgba(31, 27, 12, .3);
}
header,footer {
overflow: hidden;
background: #1f1b0c;
margin: 0;
padding: 1em;
text-align: center;
}
header {
margin-bottom: 3em;
padding: 3em 0 2em;
}
header h1,header p {
width: 960px;
margin: 0 auto;
padding: 0;
}
header h1 { margin-bottom: .25em; }
footer { margin-top: 6em; }
footer ul {
overflow: hidden;
width: 960px;
margin: 0 auto;
padding: 0;
}
footer li {
float: right;
margin-left: 1em;
list-style: none;
}
footer li.copyright { float: left; margin-left: 0; }