<dl>

<dt>Term 1</dt>

<dd>Definition 1</dd>

<dd>Definition 1 – 2</dd>

<dt>Term 2</dt>

<dd>Definition 2</dd>

<dt>Term 3</dt>

<dd>Definition 3</dd>

</dl>

Displaying lists

At this point you might have noticed that when a list is rendered in the browser, it always renders on a new line and without any other content next to it. This happens regardless of how much horizontal space the list takes up. This is because all list types are block-level elements. (Remember, block- level elements will always start on a new line by default.)