position

practicing different properties of positioning

by jujuiscody

HTML

<div class="parent">ahahah
<div>
am no class elemnt in between parent and childOne
</div>
<div class="childOne">
am the ChildOne above parent
</div>
<div class="childTwo">
am the childTwo
</div>
<div class="childThree">
am the childThree
</div>
<div class="childFourth">
am fourthchild
</div>
</div>

CSS

.parent {
 position: relative;
}
.childOne {
  position: absolute;
  margin-left:120px;
  
}
.childTwo {
  position: absolute;
  margin-left:330px;
}
.childThree {
  position:relative;
  top:40px;
}