[Solved] CSS overlap multiple divs

by


Hope it helps

body {
  margin: 0px;
}

.top,
.bottom {
  width: 100%;
  height: 100px;
}

.top {
  background: red;
}

.bottom {
  background: black;
}

.circle {
  background: green;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  position: absolute;
  top: 50px;
  left: 50vh;
}
<div class="top"></div>
<div class="bottom"></div>
<div class="circle"></div>

0

solved CSS overlap multiple divs