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

• 
  Definition List Side-by-side Without Wrapping Too-long Lines
• 
  How To Float Elements Left Or Right Of A Horizontally Centered Element?
• 
  Css Vertical Float Technique
• 
  Css Box Model Does Not Stretch Using Padding