---
title: "Content elements"
date: "2017-11-12T09:00:43+00:00"
summary: "Discover essential content elements for structuring your Site Studio layouts. Learn how to use WYSIWYG, headings, paragraphs, links, and more to create well-organized, visually appealing web content."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/content-elements"
id: "0f5c8ad2-dff3-4d7a-ad50-280178226373"
---

Table of contents will be added

Use Content elements to structure content within your layouts. For more on using the Layout builder see [Using the layout builder](/drupal-starter-kits/add-ons/site-studio/using-layout-canvas-site-building "Creating layouts with the layout builder").

Important

Content elements are most useful when creating templates where the layout and the markup are very structured. They are less important when creating page content because many of the elements can be created directly within the WYSIWYG element.

Locating the content elements
-----------------------------

To find the Content elements:

1.  Navigate to a component or a template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Elements listed under Content elements.

![edf03063-content-element-5.5.0.png](https://acquia.widen.net/content/d8a0a72d-4d72-460d-992a-f51536a90bde/web/edf03063-content-element-5.5.0.png)

The Content elements include:

WYSIWYG
-------

Use the WYSIWYG element to add formatted content to your layout using CKEditor. For more information, see [WYSIWYG element](/drupal-starter-kits/add-ons/site-studio/wysiwyg-element "WYSIWYG element").

Heading
-------

Use the Heading element to add a heading <h> to your layout. For more information, see [Heading element](/drupal-starter-kits/add-ons/site-studio/heading-element "Heading element").

Paragraph
---------

Use the Paragraph element to add a <p> to your layout. For more information, see [Paragraph element](/drupal-starter-kits/add-ons/site-studio/paragraph-element "Paragraph element").

Link
----

Use the Link element to add an <a> in the form of links and buttons to your layout. For more information, see [Link element](/drupal-starter-kits/add-ons/site-studio/link-element "Link element").

Block quote
-----------

Use the Block quote element to add block quotes <blockquote> to your layout. For more information, see [Block quote element](/drupal-starter-kits/add-ons/site-studio/block-quote-element "Block quote element").

List container
--------------

Use the List container element to add a list <ul>, <ol> <dl> to your layout. For more information, see [List container element](/drupal-starter-kits/add-ons/site-studio/list-container-element "List container element").

List item
---------

Use the List item element to add a list item <li>, <dt>, <dd> to your List container. For more information, see [List item element](/drupal-starter-kits/add-ons/site-studio/list-item-element "List item element").

Inline
------

Use the Inline element to add HTML inline elements to your layout. For more information, see [Inline element](/drupal-starter-kits/add-ons/site-studio/inline-element "Inline element").