Would love some help with this, i’m trying to create a flag with the circle centred but mine keeps floating at the top! Help, can you point me in the right direction? I’m very much a newbie so please overlook any complexity.
HTML
<div id="laos">
<div id="laos-blue"></div>
<div id="laos-circle"></div>
</div>
CSS:
#laos {
width: 300px;
height: 210px;
background-color: red;
margin: 50px;
}
#laos-blue {
width: 300px;
height: 110px;
background-color: rgb(30, 72, 161);
margin-top: 50px;
border-top: 50px solid rgb(204, 48, 48);
border-bottom: 50px solid rgb(204, 48, 48);
}
#laos-circle {
width: 60px;
height: 60px;
background-color: white;
border-radius: 30px;
margin-left: 120px;
}