CSS position relative

by nabendu

HTML

<div class="one">one</div>
<div class="two">two</div>
<div class="three">three</div>

CSS

div {
  width: 300px;
  height: 40px;
  padding: 20px;
  background: yellow;
}
.one{  
  border: 8px solid black;
}
.two{  
  border: 8px solid red;
  opacity: 0.8;
  position: relative;
  top: 50px;
}
.three{  
  border: 8px solid green;
}