---
title: "Inline element"
date: "2019-05-16T13:29:38+00:00"
summary: "Add HTML inline elements to your layout with the Inline element. Choose from various tags like <em>, <strong>, or <span> to enhance your content's structure and styling. Customize your markup for precise control."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/inline-element"
id: "2cda09d1-f0fb-49a2-a094-813ca62cdfb7"
---

Table of contents will be added

Use the Inline element to add a HTML inline element to your layout.

Locating the Inline element element
-----------------------------------

To find the Inline element:

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

![8dab4814-inline-element.png](https://acquia.widen.net/content/eab7b306-57a1-4a2f-a42e-2f2baa0e4ead/web/8dab4814-inline-element.png)

Inline element
--------------

*   **Element text** - Add some text to your inline element. The text is wrapped in the HTML element set
*   **HTML element** - Select the HTML inline element to wrap the element text in
    *   **Text only** \- Show the text only 
    *   **br (Line break)** \- Add a <br> above the element text
    *   **cite (Citation)** \- Wrap the element text in <cite> tags
    *   **code (Code)** \- Wrap the element text in <code> tags
    *   **em (Emphasis)** \- Wrap the element text in <em> tags
    *   **s (Strikethrough)** \- Wrap the element text in <s> tags
    *   **small (Small print)** - Wrap the element text in <small> tags
    *   **span (Inline container)** - Wrap the element text in <span> tags
    *   **strong (Strong importance)** - Wrap the element text in <strong> tags
    *   **sub (Subscript)** \- Wrap the element text in <sub> tags
    *   **sup (Superscript)** \- Wrap the element text in <sup> tags
    *   **Custom** - Add an Inline element not within the list
        *   **Custom markup** - Add the Inline element markup tag excluding <>.

Custom style
------------

*   **Style -** Apply a Layout style to the Inline element

Comments
--------

*   **Add comments -** Add comments to the Element.  For more information, see [Adding comments to an element](/drupal-starter-kits/add-ons/site-studio/adding-comments-element "Adding comments to an element").