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"> </h3>
<h3 align="center">Interpretat
ions/Quest
ions</h3>
<p align="center"> </p>
<p> </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