DevTools Tips

Categories: Supported by:

Edit CSS absolute and relative positions by dragging points in the page

Firefox features a position editor that lets you move elements in the page by drag and drop. This works with elements that are positioned in CSS with position:relative or position:absolute and that have at least one of top, right, bottom and left defined.

Learn more about this tool here

Gif demo of the geometry editor in firefox, toggling it from the Layout panel, and then dragging top and left points to move the element in the page