How do I do this type of list in HTML/CSS

Get Started
1

Hi All,

Need some help…this is probably really easy, or maybe not, but I’d really like to figure out how to make a list where there’s there’s a term, followed by a block of text that describes it but the block of text is indented inwards from the left margin. See my attachment image for an example of what I want to do.

I will be doing this in Dreamweaver CS4.
Thanks in advance!

2

I tried the definition list and made a class style rule as follows, then applied it to the <dd>. It seems to be working.

.newstitle {
padding-right: 0px;
padding-bottom: 1em;
padding-left: 9em;
margin-top: -17px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

3

Use a definition list.

<dl>
<dt>term</dt>
<dd>text</dd>
<dt>term</dt>
<dd>text</dd>
</dl>