CSS Positioning

by richardneililagan

HTML

<div class="box">
    <div class="pixel p1"></div>
    <div class="pixel p2"></div>
    <div class="pixel p3"></div>
    <div class="pixel p4"></div>
</div>

CSS

.box {  
    width:300px; height:300px;
    margin:40px auto;
    background-color:#fcc;
    padding:20px;
}
.pixel {
    width:50px; height:50px;
    background-color:rgba(0,0,0,.2);
    margin-bottom:5px;
}