Definition lists in Tips and Tricks

  • Aug. 4, 2013, 4:55 p.m.
  • |
  • Public

It was pointed out to me that the HTML tags DL, DT, and DD were not working in entries. Because I'm all about semantic markup and definition lists are a prime example of semantics at its best, I have fixed this oversight.

So if you'd like to use a definition list in the standard way:

<dl>
<dt>pioneer</dt>
<dd>One of the Prosebox elite; an early adopter.  An awesome human being.</dd>
<dt>defenestration</dt>
<dd>What can happen to Prosebox users who forget their manners when speaking to the Lord of the place.</dd>
</dl>

Which translates to:

pioneer
One of the Prosebox elite; an early adopter. An awesome human being.
defenestration
What can happen to Prosebox users who forget their manners when speaking to the Lord of the place.

Or, with a slight modification and adding a class to the first tag, it becomes a horizontal definition list:

<dl class="dl-horizontal">
<dt>pioneer</dt>
<dd>One of the Prosebox elite; an early adopter.  An awesome human being.</dd>
<dt>defenestration</dt>
<dd>What can happen to Prosebox users who forget their manners when speaking to the Lord of the place.</dd>
</dl>

And you get:

pioneer
One of the Prosebox elite; an early adopter. An awesome human being.
defenestration
What can happen to Prosebox users who forget their manners when speaking to the Lord of the place.

Loading comments...

You must be logged in to comment. Please sign in or join Prosebox to leave a comment.