ABZL

by Alesei Narkevitch

HTML

<div class="root">
  <div class="groupA">
    <div class="elem1">Elem 1</div>
    <div class="elem2">Elem 2</div>
  </div>
  <div class="groupB">Group B</div>
</div>

CSS

.root {position:relative;}
.groupA {}
.elem1 {
  width: 50px;
  height: 50px;
  background-color: purple;
  position:absolute;
  z-index:3;
  left: 0;
  top: 30px;}
.elem2 {
  width: 50px;
  height: 50px;
  background-color: red;
  position: absolute;
  z-index:1;
  left: 60px;
  top: 10px;}
.groupB {
  width: 50px;
  height: 50px;
  background-color: blue;
  position:absolute;
  z-index: 2;
  left: 30px;
  top: 20px}