I found this handy little snippet of CSS that puts a colored outline around the border of every element in an HTML/XHTML document, helping you to visualize the structure. Thanks Programming is Hard.
CSS:
-
-
* { outline: 2px dotted red }
-
* * { outline: 2px dotted green }
-
* * * { outline: 2px dotted orange }
-
* * * * { outline: 2px dotted blue }
-
* * * * * { outline: 1px solid red }
-
* * * * * * { outline: 1px solid green }
-
* * * * * * * { outline: 1px solid orange }
-
* * * * * * * * { outline: 1px solid blue }
-
Welcome to johnhesch.com, a blog about my life, projects, and interests. I have been blogging for over 10 years in one form or another.