If I have a div inside another, like this:
#padre{
width:300px;
height:300px;
background-color:lightpink;
position:absolute;
top:20%;
left:15%;
border-radius:150px;
border: 2px solid purple;
}
#hijo{
width:300px;
height:100px;
background-color:purple;
position:relative;
top:35%;
left:0%;
}
<div id="padre">
<div id="hijo"></div>
</div>
How should I make the content of div hijo
, not leave div padre
?