CSS wrong appearance of border-radius on a nested div

Question

Using the following HTML I need to:

• Make sure that the border of target div (pink) is adjacent of the wrapper-target red border di

Answer 1

Maby this wil help. The css is now set in a external file.

The border-radius:inherit; checks the border-radius that is already there. so it sets to that border-radius.

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#wrapper-target {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 250px;
  height: 250px;
  border-radius: 50px;
  border: 25px solid red;
  background-color: plum;
}
#target {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: plum;
  border-radius: inherit;
}