HTML Beautifier

Our HTML beautifier will transform your messy, minified, or obfuscated HTML into a more readable format. The editor we use provides line numbers as well as syntax highlighting to make it even easier to read the content. There are many options to play with in order to get the best result that suits your needs.

Examples

The minified HTML below:

<ul class="list-inline"><li><h5><a href="http://htmlbeautifer.totalbits.com">HTML Beautifier</a></h5></li><li><h5><a href="http://cssbeautifer.totalbits.com">CSS Beautifier</a></h5></li><li><h5><a href="http://jsbeautifer.totalbits.com">JavaScript Beautifier</a></h5></li><li><h5><a href="http://jsonbeautifer.totalbits.com">JSON Beautifier</a></h5></li><li><h5><a href="http://xmlbeautifer.totalbits.com">XML Beautifier</a></h5></li><li><h5><a href="http://phpbeautifer.totalbits.com">PHP Beautifier</a></h5></li></ul>

Becomes this beautified :

<ul class="list-inline">
    <li>
        <h5><a href="http://htmlbeautifer.totalbits.com">HTML Beautifier</a></h5>
    </li>
    <li>
        <h5><a href="http://cssbeautifer.totalbits.com">CSS Beautifier</a></h5>
    </li>
    <li>
        <h5><a href="http://jsbeautifer.totalbits.com">JavaScript Beautifier</a></h5>
    </li>
    <li>
        <h5><a href="http://jsonbeautifer.totalbits.com">JSON Beautifier</a></h5>
    </li>
    <li>
        <h5><a href="http://xmlbeautifer.totalbits.com">XML Beautifier</a></h5>
    </li>
    <li>
        <h5><a href="http://phpbeautifer.totalbits.com">PHP Beautifier</a></h5>
    </li>
</ul>