Spacing Inspector

What it is

Spacing Inspector is a free Chrome extension that shows CSS spacing right on the page. Hover over any element and it reads the live margin and padding, then draws a colour coded overlay with exact pixel values for all four sides. You get the box model at a glance without opening developer tools.

What it does

• Hover to measure

  Move your mouse over any element to instantly read its margin and padding in pixels.

• Colour coded overlay

  Margins show in one colour and padding in another, so the box model is easy to read at a glance.

• Four side readings

  Displays exact values for top, right, bottom and left for every element you inspect.

• Works everywhere

  Runs on any website with no setup, using the browser's native getComputedStyle API.

• Responsive debugging

  Measurements update live as you resize the browser, so you can check spacing across breakpoints.