How to style dt and dd so they are on the same line?

Question

Using CSS, how can I style the following:

    
Mercury
    
Mercury (0.4 AU from the Sun) is the closest planet to th         


        

Answer 1

Most of what people here suggested works, however you should only place generic code in to the style sheet, and place the specific code in to the html code as shown below. Otherwise you will end up with a bloated style sheet.

Here is how I do it:

Your style sheet code:

Your html code:

    
1st Entity
    
Consumer
    
2nd Entity
    
Merchant
    
3rd Entity
    
Provider, or cToken direct to Merchant
    
4th Entity
    
cToken to Provider

Looks like this