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...