Positioning element test

by sesubash

HTML

<div class="box">
  <div class="circle">
  </div>
</div>

CSS

* {
  box-sizing: border-box;
  background: #fff;
}
.box{
  width: 400px;
  height: 400px;
  border: 1px solid;
  position: relative;
}
.circle{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid;
 position:absolute;
 top:40%;
 left:35%;
  
  
}