Add an element, ID, or class name
You can use the Live DOM panel to add HTML elements to a document. You can also add ID and class names to existing HTML elements.
To add an element to the document
In the Live DOM panel, select the element that will be the parent of the new element. If the document is empty, select the body element.
In the Assets panel, expand the HTML Elements category. Select a category or select All to display an alphabetized list of all of the available HTML elements.
Double-click the element you want to add.
To delete an element from the document
- In the Live DOM panel, right-click the element that you want to delete, and then select Delete.
To add or edit an ID for an element
In the HTML Attributes panel, type a name in the id text box and then press Enter.
Alternatively, you can right-click the element in the Live DOM panel, then select Edit ID, type a new ID for the element, and then press Enter..
Tip
Space characters are not valid in an HTML ID name.
To add a class for an element
In the HTML Attributes panel, click
.png "Add button")
Add a class name next to the class text box.Alternatively, you can right-click the element in the Live DOM panel, and then select Add New Class.
Type a class name in the class text box and then press Enter.
Tip
Space characters are not valid in an HTML class name.