Alignment Inspector

Visually inspect element alignment on any webpage. Compare center, left, right, top, and bottom edges with live pixel measurements.

Quickly check if elements on any webpage are properly aligned. Perfect for designers, developers, and QA testers who need pixel-perfect layouts. HOW IT WORKS 1. Click the extension icon to activate 2. Click on any element to select it 3. Select additional elements to compare alignment 4. See instant visual feedback with alignment guides FEATURES • Visual alignment guides - Vertical and horizontal lines through element centers and edges • Multi-element comparison - Select up to 100 elements and compare them all • Live measurements - See exact pixel differences for center, left, right, top, and bottom edges • Hover preview - See alignment guides before selecting • Draggable panel - Move the info panel anywhere on screen • Draggable badges - Reposition element number badges as needed • Keyboard shortcuts - Press Escape to clear selections WHAT IT MEASURES • Center X & Y alignment • Left edge alignment • Right edge alignment • Top edge alignment • Bottom edge alignment ✅ = Aligned (within 0.5px) ❌ = Misaligned (shows exact pixel difference)