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

• 
  Maintain Padding When Scaling Image Inside Fixed Size Container
• 
  Table Cell Padding Woes With Chrome
• 
  Css: How Can I Get Rid Of The Default Window "padding"? An Element Set To 100% Width Doesn't Reach The Window's Borders
• 
  Margin Doesn't Work? Need Space Between Two Elements