Nesting lists within lists

In Unordered lists and Ordered lists we showed you how to define levels of nested unordered and ordered lists. You can also nest different types of lists within other lists.

Here is an example of an unordered list nested within a definition list:

Figure 1. Nested unordered list in a definition list

                 Payment Procedures

                 Methods of Payment

 Cash
          Of course, we always accept cash!

 Charge
          Your charge card is welcome here! We
          accept the following charge cards:

          o   BigCharge
          o   MoneyCard
          o   Plastic Express

 Personal Check
          We gladly welcome your personal check,
          with the proper identification.

Here is the markup we used to create the nested lists in Figure 1:

<!doctype dm system>

<panel name=payment width=52>Payment Procedures
  <area>
    <info width=50>
      <h1>Methods of Payment
      <dl tsize=9 break=all>
        <dt>Cash
        <dd>Of course, we always accept cash!
        <dt>Charge
        <dd>Your charge card is welcome here!
        We accept the following charge cards:
          <ul compact>
            <li>BigCharge
            <li>MoneyCard
            <li>Plastic Express
          </ul>
        <dt>Personal check
        <dd>We gladly welcome your personal check,
        with the proper identification.
      </dl>
    </info>
  </area>
</panel>

You can nest any type of list within another list. Remember, whenever you nest lists, be sure that you end each level with its proper end tag.