why does my right container slip underneath the left?

[kiwis]

<style>

.container{
margin: 20px;
max-width:1840px;
min-width:840px;
margin: 0px auto;
margin-top:30px;
border:solid 3px #003399;
}

.container-left{
margin:10px;
width:100%;
max-width:1280px;
min-width:330px;
display:inline-block;
vertical-align:top;
margin:0 auto;
background-color:#0C3;
height:200px;
}

.container-right{
margin:0px 10px 10px 10px;
width:480px;
min-width:480px;
display:inline-block;
vertical-align:top;
background-color:#FF0;
height:200px;
}

</style>

[Shikkediel]

What does “slip underneath” mean and what screen size are you looking at? To be honest, this question really doesn’t fill the minimum standard for anyone to say anything sensible about it.

[Author]

Posts