Comment l’utiliser

Quatre étapes : coller, lancer, vérifier, copier. Tout reste dans le navigateur.

Collez votre contenu

Ajoutez du CSS, HTML, JSON ou autre texte. Rien n’est envoyé.

Lancez l’outil

Cliquez sur Convertir ou Exécuter. Le résultat s’affiche tout de suite.

Vérifiez la sortie

Lisez le code généré et les notes avant de l’utiliser.

Copiez et utilisez

Copiez le résultat et collez-le dans votre projet.

À propos de cet outil

L'outil réindente le HTML afin que l'imbrication des éléments redevienne lisible, ce qui aide avant une conversion de styles ou une relecture des repères d'accessibilité. Il ne répare pas un balisage invalide : un validateur reste indispensable.

Exemple

L'exemple fourni est une section hero compacte, sans retour à la ligne.

Entrée

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

Sortie

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

Conseil

Une indentation qui part en escalier signale presque toujours une balise oubliée plus haut.