Show All Padding & Margins

Highlights margins and padding for all HTML elements in any webpage.

Show All Padding & Margins - Chrome Extension

"Show All Padding & Margins" is a Chrome extension that visually highlights the padding and margins of all HTML elements on a webpage. It offers on-hover details about each element's spacing properties, making it easier to diagnose and fix layout issues quickly. With a simple toggle feature and an intuitive interface, the extension streamlines your web development workflow, enhancing your understanding of how CSS affects layouts.
Download
Install from Chrome Web Store

Extension stats

Manifest V3
Users: 1,000+
Rating: 4.33
(3)
Version: 1.1.1 (Last updated: 2025-01-31)
Creation date: 2024-06-30
Permissions:
  • activeTab
  • scripting
Host permissions:
  • file://*
Size: 23.94K
URLs: Website
Full description: See detailed description

Ranking

# 27,481 ▼ 52
Other rankings
Upgrade to see more rankings

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge

User reviews

Cool idea! It doesn't seem to work on local html files tho... or am I missing something?
by Ian Steyn, 2025-01-30
I've wanted something like this for years. Easy to use. Wish this functionality was a part of Chrome.
by Wes, 2024-07-04
by Zketra, 2024-12-20
View all user reviews

Extension safety

Risk impact

Show All Padding & Margins does not require any sensitive permissions.

Risk impact analysis details
  • Low Request access to the following domains:
Risk likelihood

We don't have sufficient data to confidently determine the risk likelihood of Show All Padding & Margins. Use it at your own risk.

Risk likelihood analysis details
  • High This extension has low user count. Unpopular extensions may not be stable or safe.
  • Medium **** ********* *** ******* ** *** **** * ******* *** ******* *** *** ** ****** ** *****
  • Low **** ********* *** ***** **** **** * ****** **** ***** ********** *** **** ****** ** ** ****** *** *****
  • Good **** ********* *** **** **** *******
Upgrade to see full risk analysis details

Promo images

Show All Padding & Margins marquee promo image
Marquee promo image
Show All Padding & Margins small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Show All Padding & Margins:

Font Inspector
Font Inspector
MeryDev
10K 3.00 (7)
element-spacing
element-spacing
[email protected]
1,000 3.00 (4)
Measure Pixel
Measure Pixel
[email protected]
594 0.00 (0)
Page Ruler
Page Ruler
leocompson
500K 4.00 (89)
Visual CSS Editor
Visual CSS Editor
https://visualcsseditor.com
40K 4.02 (163)
Screen Ruler - Measure The Web
Screen Ruler - Measure The Web
Mr Violets
20K 4.55 (31)
Pixel measurement
Pixel measurement
gyubbu.tu5
70K 4.54 (37)
Inspect CSS
Inspect CSS
kholid060
10K 4.72 (29)
Designer Tools
Designer Tools
https://designer.tools
80K 4.73 (230)
Measure Everything
Measure Everything
mdevils
10K 4.63 (41)
Outline HTML Elements
Outline HTML Elements
maxontech
531 5.00 (3)
Dimensions Inspect | Gridman
Dimensions Inspect | Gridman
https://fenvox.com
10K 4.01 (87)