How to merge two divs

Question

I have two divs which should looks like one figure. The problem is with the border of the circular block. See pic. below. css were added below

Answer 1

Use z-index property.

#nameWidgeteMain, #nameWidgeteMain2 {
  width: 279px;
  height: 400px;
  top: 0px;
  position: absolute;
  background-color: rgb(237,237,237);
  box-shadow: 0 0 20px rgba(0,0,0,0.08)
}

#nameWidgeteMain2 {
  z-index: -2;
  border: 1px solid #dbe0e3;
}

.nameWidgeteCloseArea {
  z-index: -1;
  ...
}

This is not merging but the result is the same.