CSS Box Model

by richardneililagan

HTML

<div id="main">
    <div class="box">
        <div class="pixel"></div>
        <div class="pixel"></div>
        <div class="pixel"></div>
        <div class="pixel"></div>
    </div>       
</div>

CSS

#main {
    width:400px; height:300px;
    margin:30px auto; padding:0;
    border:1px solid #aaa;
}
.box {  
    width:100px; height:100px;
    background-color:#fcc;
    padding:20px;
    position:relative;
}
.pixel {
    width:20px; height:20px;
    background-color:#666;
    position:absolute;
}