CSS: with spacing/margin between the dt/dd pairs

Question

I have the following html:

        
Item 1
        

            

                
Value 1
         


        

Answer 1

Do you mean something like:

Item 1    Value 1

Item 2    

Item 3    Value 1
          Value 2
          Value 3

Because then I don't see why you can't apply the margin on the dd elements. I did a quick experiment, using the following CSS:

ul { 
  margin: -1.2em 0 0 100px; 
  padding: 0; 
}

dd { 
  margin-bottom: 10px;
}

Which appears to have the effect you need.