After creating my circle using border radius it still observe it's the parent div I create the circle from thereby placing text I needed to be inside circle outside it. So how do I solve this?....... Pls someone help me out

Answer 1

HTML:

<div class="circle">
<p>text</p>
</div>

CSS:

div.circle {
height:50px;
width:50px;
background-color:green;
border-radius:50%;
display:inline-block;
}

div.circle p {
vertical-align:center;
text-align:center;
color:white;
}

Answer 2

wow it cool!! Thanks for your backup 👊👍