HTML & CSS Dirty Code Report

Submit your site below to get your "Dirty Code Report Card"!

URL Input

Report Card

Statistics and Score

HTML

% DIRTY

CSS

% DIRTY

Overall

% DIRTY

Interactive Cleanup Helper

The code below labeled "Raw Code Input" is the raw, unedited code you submitted to this tool; the code below labeled "Cleaned Code" is same code, but processed to fix your indentation issues. However, certain dirty code issues (particularly logic errors) may prevent this tool from correctly fixing your indentation, such as stray tags (or conversely, missing tags).

Hover over a line or line number with an error, and the particular issues associated with that line will show up in a tool tip. Hovering over the tag of an element split up across multiple lines will cause both its opening and closing tag to be highlighted.

We recommend addressing the issues one at a time from top to bottom. Sometimes, addressing an issue earlier on in your code can fix issues lower down.

Legend
Dirty Code On or Near Line #
(On Hover) Clean Line
(HTML On Hover) Matching Opening/Closing Tags
(CSS On Hover) Matching Opening/Closing Brackets
(On Hover) Dirty Line
Good Indent Spaces
Bad Indent Spaces (Outdent Them)
Bad Indent Spaces (Indent Them)
Raw HTML Code Input
Cleaned HTML Code (Indentation Cleanup Only)
Raw CSS Code Input
Cleaned Code (Indentation Cleanup Only)

Issues List

Below are the clean code issues this tool was able to detect in your code. However, note that this tool is best at detecting syntax issues (i.e. issues with the grammar of a programming language) and suggesting how to fix them. Logic errors, on the other hand, are harder for it to target specifically.