<html>
<head>
</head>
<body>
<div id="najma1">
  <div id="najma2"></div>
</div>
</body>

</html>

/*
-----------------------------------------------
BY:       Abdessamad ELMAZGHY
URL:        http://www.najmacode.com
----------------------------------------------- */
#najma1 { 
  position: relative;
  width: 400px;
  border-radius:50%;
  height: 400px;
  background: #F8AC2C;
}
#najma2 {
  background: #000; 
  position: absolute; 
  top: 25%; 
  left: 15%; 
  width: 250px; 
    border-radius:50%;
  height: 250px; }


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.