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: 10px10px0;
  width: 980px;
  display: flex;
  justify-contents: space-between;
 }

Share

You may like these posts

• 
  How To Make Text Wrap Above And Below A Div?
• 
  Float Alternative For Email Clients
• 
  Css Layout Problems, Floats, Nested Divs
• 
  Let Two Divs Have The Same Height