Positioning

by isogunro

HTML

<div id="outer">
    <div id="firstDiv"></div>
    <div id="secDiv"></div>
    <div id="thirdDiv"></div>
    <div id="fourthDiv"></div>
</div>

CSS

div {
    width: 100px;
    height: 100px;
    margin:10px;
}
div#outer {
    background-color:yellow;
    width:300px;
    height:600px;
    margin-left:50px;
}
#firstDiv {
    background-color:cyan;
 
    
}
#secDiv {
    background-color:orange;
    position:absolute;
    margin-top:-50px;


    
}
#thirdDiv {
    background-color:red;
}
#fourthDiv {
    background-color:blue;
}