<div class="daire"></div><div class="kare"></div>
<div class="diktortgen">adobewordpress.com</div>
div{left:90px;top:30px;}

.daire{
z-index:2;
width:100px;
height:100px;
padding:50px;
border-radius:100px;
background-color:#c9537c;
position:absolute;
}

.kare{
z-index:1;
width:200px;
height:200px;
background-color:#31b4d2;
position:absolute;
}

.diktortgen{
z-index:3;
width:300px;
padding:10px;
height:20px;
margin:80px 0 0 -60px;
background-color:#82ad77;
text-align:center;
color:white;
font: 15px verdana;
position:absolute;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.