# Highlight HTML elements, especially to see the magic paddings

**URL:** <https://forum.pinegrow.com/t/highlight-html-elements-especially-to-see-the-magic-paddings/606>\
**Category:** Feature Request\
**Created:** [January 16, 2017, 10:14am UTC](https://forum.pinegrow.com/t/highlight-html-elements-especially-to-see-the-magic-paddings/606 "2017-01-16T10:14:54Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![JoseFR](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/josefr/32/296_2.png) [@JoseFR](https://forum.pinegrow.com/u/JoseFR)\
**Post date:** [January 16, 2017, 10:14am UTC](https://forum.pinegrow.com/t/highlight-html-elements-especially-to-see-the-magic-paddings/606/1 "2017-01-16T10:14:54Z")

</div>

Hello,

A highlight of all HTML elements would be good 🙂  
Especially to see the magic paddings!  
And to see the overlap of HTML elements!

Example of the Chrome Inspector:

![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/2a4e8542a100b79402a84770c8f32d72f3d9ef78.png)

Example of development tools:

> <https://gist.github.com/addyosmani/fd3999ea7fce242756b1>
>
> There are more than three files. show original

  

> **[Pesticide for Chrome](https://chrome.google.com/webstore/detail/pesticide-for-chrome/bblbgcheenepgnnajgfpiicnbbdmmooh)**
>
> This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

thank you