---
title: "List container and list item elements"
date: "2017-11-12T09:24:29+00:00"
summary: "Discover how to create structured layouts using List container and List item elements in Site Studio. Learn to build unordered, ordered, and description lists for enhanced content organization and design flexibility."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/list-container-and-list-item-elements"
id: "2d4782f8-ff5d-4b0d-9200-57859b5ee854"
---

Use the List elements to add unordered, ordered and description lists to your layout.

Important

The list elements are most useful for creating list based layouts within templates. For creating simple text lists within your content, use the [WYSIWYG element.](/drupal-starter-kits/add-ons/site-studio/wysiwyg-element "WYSIWYG element")

How a list is composed
----------------------

A list includes the following component parts:

*   **List container -** The container which holds your list items. For more information, see [List container element](/drupal-starter-kits/add-ons/site-studio/list-container-element "List container element")
*   **List item -** The list items that hold your content. For more information, see [List item element](/drupal-starter-kits/add-ons/site-studio/list-item-element "List item element")

![91b56566-list-diagram-paths-brandgrey.svg](https://acquia.widen.net/content/ab2a56ac-6233-4812-9a68-03ae2e2f6e2f/web/91b56566-list-diagram-paths-brandgrey.svg)

Creating a list from list elements
----------------------------------

To create a list:

1.  Drag a **List container** onto your Layout canvas
2.  Configure the settings for the List container
3.  Drag a **List item** into your **List container** on the Layout canvas
4.  Configure the settings of your List item
5.  Drag content elements into your **List item** on the Layout canvas
6.  Duplicate or add another list item.