Using edge measurement and axis lock

Edge measurement allows you an easier way to precisely align elements and groups of elements to other elements or the boundaries of your landing page. With Edge Measurement, you can maintain consistent padding, balance, and symmetry across your entire page.

Below you see the pixel distances displayed from the surrounding borders as the image is moved in all directions. Simply click the element, hold Alt or Option and move the element to your desired location:


You can use the horizontal or vertical axis lock by clicking the element you want to move, holding Shift, and moving the mouse cursor up and down or side to side. In this gif, notice how the image moves perfectly along the horizontal axis even though the cursor is moving in all directions.