Titre

Afficher un retrait ou une tabulation en HTML - à finir

Comment afficher une tabulation en html

Le plus simple est encore d'afficher votre texte dans une balise textarea :

Lien vers le fichier : cliquez ici

Voici ce que cela donne à l'affichage :

Maintenant votre texte ne peut pas toujours être dans une balise <textarea>.
Le mieux est d'utiliser une balise <p> et de jouer sur sa propriété css padding pour la première tabulation. Si dans la même ligne il y a une autre tabulation à mettre, alors on passera par une balise <span> et on jouera également sur sa propriété css padding :

Lien vers le fichier : cliquez ici

Voici ce que cela donne :

Vous pouvez n'utiliser que la balise <span> pour faire vos tabulations mais on verra plus loin que cela pose problème sur les longues lignes.

Lien vers le fichier : cliquez ici

Quand la ligne est courte et qu'elle ne s'affiche pas sur deux lignes il n'y a pas de problèmes :

Mais quand la ligne est trop longue et que l'on a utilisé une balise <span> alors que la ligne commence par une tabulation, cela donne le problème montré ci-dessous. C'est pour cela qu'il faut commencer par utiliser la propriété css padding de la balise <p> si votre ligne commence par une tabulation. Démonstration :

Bon on s'en fout un peu mais quand j'ai lu sur le lien suivant que l'alignement ne pouvait pas être modifié sur une balise span, j'ai cru que cela ne fonctionnerait pas.
https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3/formatage-du-texte

mais cela ne doit pas parler du même type d’alignement.