Customized Definition List

I found this same question posed before and tried the listed solution but I'm not able to get it to work. I would like to create a definition list where the definition is to the right of the term on the same line:
     dt     dd
     dt     dd
     dt     dd
The solution listed is to add to the CSS:
dl {line-height: 1.2em;}
dd {position: relative;top: -1.2em;}

Here is my simple test:
 <div id="mainContent">
    <h3 align="center">&nbsp;</h3>
    <h3 align="center">Interpretations/Questions</h3>
    <p align="center">&nbsp;</p>
    <p>&nbsp;</p>
    <div id="interpretations">
    <dl>
      <dt>Question:</dt>
      <dd>What is</dd>
    </dl>
    </div>
    </div>
Here are the CSS entries:
#interpretations {
      font-size: 11px;
      }
#interpretations dl {
      line-height: 1.2em;
      }
#interpretations dd {
      position: relative;
      top: -1.2em;
      }
What have I missed:Start Free Trial