Si je vous apprenais qu'il existe une propriété CSS qui permet de passer un paragraphe en inline, et inversement qui permet de passer un lien en block ?
Il existe justement une propriété qui permet de faire cela, il s'agit de la propriété display. Cette propriété prend pour valeur le type d'élément en quoi vous voulez changer votre balise.
Par exemple si je veux changer ma balise de paragraphe en inline, la propriété display prendra la valeur "inline".
Voici les quatre valeurs que peut prendre cette propriété :
inline : le texte est sur la même ligne
block : le texte est sur une ligne différente
inline-block : le texte est sur la même ligne mais peut être redimensionné
none : le texte est caché
Notez qu'il ne s'agit pas forcément de texte, on peut très bien appliquer ces transformations à des images ou des blocs.
Si vous voulez faire disparaître quelque chose on utilisera la valeur "none".
Mais là ce qui nous intéresse vraiment et que l'on n'avait pas eu le temps de voir jusque-là est la valeur display-block.
Vous verrez, ça va bien nous aider à mettre en forme notre design de site web.