I've encountered a strange issue when using a div block with float:left and another with relative position. The second block is behaving unexpectedly, as the text is extending beyond the box and its background color. Can anyone help me understand what's causing this?
Check out this link for reference
#first-section{
color:black;
background-color:pink;
width:100px;
float:left;
}
#second-section{
color:purple;
background-color:yellow;
width:100px;
height:100px;
position:relative;
left:500px;
top:200px;
}