Insert elements directly in live view – Adobe Dreamweaver CC 2015 User Manual
Page 269

262
Page content and assets
Last updated 6/3/2015
Insert elements directly in Live View
Using the Insert panel, you can directly drag elements into the required position in the document in Live View. Visual
aids in Live View such as Live Guides and DOM icons help you position the dragged elements with respect to a hovered
element.
Live Guides (in green) appear as you hover the mouse over different elements on the page before dropping the element.
These guides indicate the positions where the element can be inserted. They can appear above, below, left, or to the
right of the element that is hovered over.
• Above and Below - Appears while hovering over all types of elements/tags, except inline tags. When you hover the
mouse in the first (top) 50% of the element, guides appear above the hovered element. When you hover the mouse
in the last (bottom) 50% of the element, guides appear below the hovered element.
• Left and Right - Appears while hovering over inline tags, for example, , , or over tags that have the 'float
property' set.