You can reorder page content using the move icon on the inline toolbar, the breadcrumb bar, and keyboard shortcuts.

Reorder Elements With the Move Icon

You can use the move icon to reorder content for simple HTML elements, such as paragraphs and bullet list items. The move icon appears in a blue box on the inline toolbar in the upper-left corner. In the image below, it is circled in green.

1. Click in the HTML element that you want to move. The inline toolbar appears.

2. Click the blue tab in the upper-left corner of the inline toolbar.

   

3. Drag the element to another location.

Use the Breadcrumb Bar to Select Complex Content

HTML elements can be nested inside one another. If you want to select a complex element that is made up of sub-elements, use the breadcrumb bar to select the element you want, and then use the element inspector to drag the whole thing to another location. The breadcrumb bar can be revealed or hidden by clicking on the arrow tab at the bottom left of the preview pane.

Use Keyboard Shortcuts to Select Elements

You can also use keyboard shortcuts for selection navigation.

First, select an element:

1. Click anywhere inside the element.

2. Click the element’s name in the breadcrumb bar.

   A blue highlight will appear around the selected element and in the breadcrumb bar.

Then use the following shortcuts to make your selection: