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 Count The Arrays From A Result Of A Query?
• 
  Regex To Remove Empty Html Tags, That Contains Only Empty Children
• 
  Datalist Option Validation Required
• 
  Missing Variables When Refreshing A Page, Angular