beautify minified html · proper indentation · readable markup · runs locally
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Hello World
</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="site-header">
<nav>
<ul>
<li><a href="/">Home</a>
</li>
<li><a href="/about">About</a>
</li>
</ul>
</nav>
</header>
<main>
<h1>Hello, World!
</h1>
<p>This is a paragraph with<strong>bold</strong>and<em>italic</em>text.
</p>
</main>
</body>
</html>