So nutzen Sie es

Vier Schritte: einfügen, ausführen, prüfen, kopieren. Alles bleibt im Browser.

Eingabe einfügen

CSS, HTML, JSON oder anderen Text einfügen. Nichts wird hochgeladen.

Tool ausführen

Auf Konvertieren oder Ausführen klicken. Das Ergebnis erscheint sofort.

Ausgabe prüfen

Generierten Code und Hinweise prüfen, bevor Sie ihn übernehmen.

Kopieren und nutzen

Ausgabe kopieren und in Ihr Projekt einfügen.

Über dieses Tool

Das Werkzeug rückt HTML ein, damit die Verschachtelung sofort erkennbar ist – hilfreich vor einer Style-Konvertierung oder beim Prüfen von Accessibility-Landmarks. Ungültiges Markup wird dadurch nicht repariert; Validatoren bleiben nötig.

Beispiel

Das Beispiel ist ein kompakter Hero-Block in einer einzigen Zeile.

Eingabe

<section class="hero"><h1>CSS to Tailwind</h1><p>Convert utilities in the browser.</p><a href="/">Open</a></section>

Ausgabe

<section class="hero">
  <h1>CSS to Tailwind</h1>
  <p>Convert utilities in the browser.</p>
  <a href="/">Open</a>
</section>

Tipp

Springt die Einrückung unerwartet nach rechts, fehlt im Original meist ein schließendes Tag.