<UL> Has Default Padding, So Clear It

by emgee

HTML

<ul class="header">
    <li class="headerChild">Item 1</li>
    <li class="headerChild">Item 2</li>
    <li class="headerChild">Item 3</li>
</ul>

CSS

html, body {
    padding: 0;
    background-color:#FFFCF2;
    margin: 0 auto;
}

.header {
    list-style:none;  
    margin:0;
    padding:0; /* UL has default padding, so clear it */
    width:100%;
    height:65px;
    background: black;
}

.headerChild {
    margin-left:0;
    float:left;
    height:65px;
    width:10%;
    background: white;
    color:#000;
    border:1px solid red;
}   

.header>li:first-child {
    margin-left:20%;
}