---
title: Use Definition Lists for Detailed Steps
description: A definition list is a list of terms (or numbers) and corresponding definitions or descriptions. We like using definition lists in our articles to give readers a clear view of the steps required to co
---

[Skip to content](https://hsdemo.frodx.com/en/knowledge/use-definition-lists-for-detailed-steps#main-content)

English

Show submenu for translations

![FrodX](https://hsdemo.frodx.com/hs-fs/hubfs/frodx-logo-new%20(1).png?width=550&height=171&name=frodx-logo-new%20(1).png)

- [Sample Contact Page](https://hsdemo.frodx.com/sample-contact)
- [Sample About Page](https://hsdemo.frodx.com/sample-about)
- [Default HubSpot Blog](https://hsdemo.frodx.com/biglytics-blog)

Open main navigation

Close main navigation

- [Sample Contact Page](https://hsdemo.frodx.com/sample-contact)
- [Sample About Page](https://hsdemo.frodx.com/sample-about)
- [Default HubSpot Blog](https://hsdemo.frodx.com/biglytics-blog)
- English
  
  Show submenu for translations
- Contact us

 Contact us

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://hsdemo.frodx.com/en/knowledge)
2. [Docs](https://hsdemo.frodx.com/en/knowledge/docs)
3. [Formatting Content](https://hsdemo.frodx.com/en/knowledge/docs#formatting-content)

# Use Definition Lists for Detailed Steps

 A definition list is a list of terms (or numbers) and corresponding definitions or descriptions. We like using definition lists in our articles to give readers a clear view of the steps required to complete a task, but just about anything  *fits* in a list. This article will teach you how to use definition lists in Docs.

#### In this article

- [Creating Lists in the HTML Editor](https://hsdemo.frodx.com/en/knowledge/use-definition-lists-for-detailed-steps#create)
- [Common Questions](https://hsdemo.frodx.com/en/knowledge/use-definition-lists-for-detailed-steps#common)

### Creating Lists in the HTML Editor

 The definition list element ( **\<dl\>**) contains a term (**\<dt\>**) and a description (**\<dd\>**). To create your list, you can either:

- Write list content in the text editor, then hop over to the HTML editor by clicking the **\</\>** icon on the toolbar to markup the list.
- Write list content entirely in the HTML editor, enclosing text in the list as you go.

 Check out the list below and take a look at how it's marked-up in HTML. The step number is our definition term **\<dt\>** and the corresponding instruction text is the definition description **\<dd\>**.

 **Note:** By default, the number background in a definition list is grey. We're using custom CSS to make our number background blue. If you're using your own stylesheet, you can change the term background color with:

### Common Questions

**Will lists work in all browsers?**  
 Definition lists are supported in Chrome, Firefox, Safari, Opera, Internet Explorer, and Edge. 

Did this answer your question?  Thanks for the feedback There was a problem submitting your feedback. Please try again later.Yes  No  No results found

- [Docs](https://hsdemo.frodx.com/en/knowledge/docs#main-content)

    - [Working with Docs](https://hsdemo.frodx.com/en/knowledge/docs#working-with-docs)
    - [Formatting Content](https://hsdemo.frodx.com/en/knowledge/docs#formatting-content)
    - [Managing Docs in Help Scout](https://hsdemo.frodx.com/en/knowledge/docs#managing-docs-in-help-scout)
- [Help Desk](https://hsdemo.frodx.com/en/knowledge/help-desk#main-content)

    - [Mobile Apps](https://hsdemo.frodx.com/en/knowledge/help-desk#mobile-apps)
    - [Getting Started](https://hsdemo.frodx.com/en/knowledge/help-desk#getting-started)
    - [Productivity](https://hsdemo.frodx.com/en/knowledge/help-desk#productivity)
    - [Mailbox and User Settings](https://hsdemo.frodx.com/en/knowledge/help-desk#mailbox-and-user-settings)
    - [Working with Conversations](https://hsdemo.frodx.com/en/knowledge/help-desk#working-with-conversations)
    - [Account Management](https://hsdemo.frodx.com/en/knowledge/help-desk#account-management)
    - [Integrations](https://hsdemo.frodx.com/en/knowledge/help-desk#integrations)
    - [Copying Email to Help Scout](https://hsdemo.frodx.com/en/knowledge/help-desk#copying-email-to-help-scout)
    - [Reporting](https://hsdemo.frodx.com/en/knowledge/help-desk#reporting)

- [Sample Contact Page](https://hsdemo.frodx.com/sample-contact)
- [Sample About Page](https://hsdemo.frodx.com/sample-about)
- [Default HubSpot Blog](https://hsdemo.frodx.com/biglytics-blog)

[![FrodX](https://hsdemo.frodx.com/hs-fs/hubfs/frodx-logo-new%20(1).png?width=550&height=171&name=frodx-logo-new%20(1).png "FrodX")](https://en.frodx.com/)

<https://www.facebook.com/> <https://www.twitter.com/> <https://www.instagram.com/> <https://podcasts.apple.com/> [mailto:email@email.com](mailto:email@email.com)

Copyright © 2026, GateHub Ltd