Edit Page Layout in HTML Editor
On This Page:
What Are Layout Tools?
The HTML editor contains a number of tools that allow you to adjust the alignment of your text and add numbered and bulleted lists as well as lines.
Note
These tools embed code into your text that helps screen readers navigate the content. We recommend using them instead of the space bar, tabs, numbers, or other keys to align your text or create lists.
Add or Remove Indents
Step 1
In the HTML text field, place your cursor where you want to add an indent.
Step 2
Select the List icon.
Step 3a
Select the Increase Indent option
Note
Select the Increase Indent option twice to double-indent, three times to triple-indent, and so forth.
Step 3b
Or, select the Decrease Indent option to move the text to the left.
Step 5
When you hit the enter key, your next text line will retain the alignment.
Step 6
When you are finished, select the Publish (or Update) button to save your work.
Create a Bulleted List
Use the toolbar to add bullets to your text. The spacing and alignment will be handled for you.
Note
Any time you hit enter, a new bullet will appear on the next line. If you want to end the bulleted list, hit the enter key twice.
Step 1
In the HTML text field, place your cursor where you want to add a bullet.
Step 2
Select the List icon.
Step 3
Select Bulleted List. Enter your text.
Step 4
To remove a bullet, place your cursor at the start of the line of text and use the delete key on the keyboard to remove the bullet.
Note
To move your list to the right or left, use the indent icons.
Step 5
When you are finished, select the Publish (or Update) button to save your work.
Create a Numbered List
Use the toolbar to add a numbered list. The spacing and alignment will be handled for you.
Step 1
In the HTML text field, place your cursor where you want to add the number 1.
Step 2
Select the list icon.
Step 3
Select the Numbered List option.
Step 4
Enter your text.
Note
Any time you hit enter, the next number in the series will appear on the next line. If you want to end the numbered list, hit the enter key twice.
Step 5
To remove a number from within a list, place your cursor at the start of the associated line of text and hit the Backspace key.
Note
To move your list to the right or left, use the Increase Indent and Decrease Indent options in the list menu.
Step 6
When you are finished, select the Publish (or Update) button to save your work.
Change Text Alignment
Use the toolbar to align a text block right, left, center, or justify it. The line spacing is automatically handled for you. It is possible to use different types of alignment within a single HTML page.
Step 1
In the HTML text field, place your cursor where you want to start the new alignment.
Step 2
Select the Alignment icon on the toolbar.
Step 3
Select one of the alignment options from the menu.
Step 4
Enter your text.
Step 5
When you are finished, select the Publish (or Update) button to save your work.
Insert a Horizontal Line
Break up sections of text by inserting a horizontal line or divider.
Step 1
In the HTML text field, place your cursor where you want to locate the line.
Step 2
Select the Insert Other Options icon on the toolbar.
Step 3
Select Divider.
Step 4
When you are finished, select the Publish (or Update) button to save your work.