Add HTML elements

You can add HTML elements to your documents in Design view by using the Element tool. The Element tool creates div elements by default, which then can be used as containers for other elements.

Element Tool Overview

To add an element:

1. Click the Element 👁 Image
   tool in the toolbar or press d.
2. Select the element type from the tool options bar:
   • 👁 Image
      div element
   • 👁 Image
      img element (or amp-img for AMPHTML ads)
   • 👁 Image
      video element (or amp-video for AMPHTML ads)
   • 👁 Image
      custom element - Type the tag name in the Element field. The field autocompletes for HTML5 tags, which may not be valid tags for AMPHTML ads.
3. Click and drag on the stage to position and size the new element.

To nest an element within another element:

1. Click the Selection 👁 Image
   tool in the toolbar.
2. Double-click the desired parent element. The parent element becomes outlined in red, and can no longer be selected.
3. Create a new child element. You can double-click the child element if you want to nest elements deeper.
4. To navigate out of the parent element, use the Outliner or the breadcrumb links next to the page indicator 👁 Image
   .