Bringing up the issue that DL lacks LI again

Hi everyone,

How have you been? I hope you are doing well.

In one of my recent projects, I confront the issue that <dl> element lacks
<li> elements again so here I'm bringing up this issue again. Since a
picture is worth a thousand words, here is the url of the design:
http://i.imgur.com/7a8OXwR.png

The design shows that it's basically a pentagon consists of five pairs of
heading-paragraph, which should be coded by using <dl> element. At the
center lies the whole section's main heading and description, which should
be coded by using <header> element. So the HTML tags of this section are:
<section>
    <header>
        <h2></h2>
        <p></p>
    </header>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
</section>


As you can see, without <li> elements, there is no easy way to place each
heading-paragraph pair (<dt> and <dl> pair) at each corner. Although we can
still position <dt> and <dl> one by one, I believe no one want to do that.

And from my previous experiences, such contents which should be coded by
using <dl> element are usually designed in a special way. Thus this example
is not an exception.

Personally, I really hope that <dt> and <dd> elements can be grouped inside
of <li>, for a more meaningful HTML markup and also for styling convenience.


Sincerely,
Ian Yang