Css Float And Padding

This is the HTML layout:

...

margin-top: 10px; on both of your inner divs.

Solution 2:

Put right floated div just before the float left div

Solution 3:

Instead of using float, use flex and justify the contents to be space-between

 #container{
  background-color: #FFFFFF;
  padding: 10px 10px 0;
  width: 980px;
  display: flex;
  justify-contents: space-between;
 }

Share