Fill problem when floating elements inside container

Question

I'm trying to add vertical space between some sections of a page by adding a bottom padding to section containers, but I can't get it to work. I assume this is due to the fact that I have unordered lists inside containers and that the list items are floating (using float: left; ).

I also tried with fields and what not, but to no avail.

Answer 1

Floating your containers on the left, as well as adding a bottom margin should fix it

 #developers, #contributors, #playtesters { float: left; margin-bottom: 30px; ... } 

Answer 2

Either place the containers to the left, or set the overflow to "auto". In any solution, you still need to set a border to create the above interval.

 #developers, #contributors, #playtester { overflow:auto; }