How to space the children of a div with css?

Question

I want a gap of say 30px; between all children of my div. E.g if I have:

    
   
   
...
   

        
      

Answer 1

You can easily do that with:

#parent > * + * {
  margin-top: 30px;
}

This will be applied to all direct children except the first one, so you can think of it as a gap between elements.