* { margin: 0px; padding: 0px; } div.wrap { margin: auto; width: 800px; background-color: #39F7F4; } header { width: 100%; height: 150px; background-color:#6DF780; } section > header { background-color:#B52AD1; height: 50px; } nav { width: 20%; background-color:#347CE0; float: left; } section.content { float: left; width: 80%; background-color: #D13D2A; } footer { background-color: #CDE309; clear: both; } section > footer { background-color: #D1702A; } ul { margin : 10px; padding : 3px; } article { font-family: 'Alegreya Sans', sans-serif; font-size: 12pt; color: #999999; /*Center Aligment*/ margin-left: auto; margin-right: auto; /*Spacing Between Pages*/ margin-top: 16px; margin-bottom: 16px; /*Styling*/ background-color: #111111; box-shadow: 8px 8px 16px #111; /*Size*/ width: 75%; padding: 64px; padding-top: 32px; padding-bottom: 32px; }