HTML5 banner image.

HTML offers 3 types of lists as such: the ordered (numbered) list, the unordered (bullet) list and the (lesser known) Description List. In the Codepen below I have created 3 Description Lists. The first definition list is the default with no styling, the second has minimal CSS styling and the third uses Javascript to toggle the definitions of the terms.

See the Pen HTML definition list by David Fox (@foxbeefly) on CodePen.


References:

  1. https://www.w3schools.com/tags/tag_dl.asp
  2. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl

By foxbeefly

PHP / MySQL Developer. HTML, CSS and some JavaScript.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.