Transformer une balise Block en Inline

Je rappelle une fois de plus

• une balise block comme son nom l'indique crée un bloc dans la page, sa caractéristique principale est qu'elle entraine un retour à la ligne, nous les utilisons sans peut être les identifier comme par exemple la balise de paragraphe <p>, la balise de titre <H1> <H2> etc, mais il en existe d'autres comme blockquote et les puces <ul>


• une balise inline quand à elle s'utilise directement dans un paragraphe, les plus utilisées sont <em> pour legèrement accentuer un texte, <b> pour fortement accentuer un texte, <font> pour définir les caractéristiques du texte, en fait la plupart des balises que nous utilisons sont des balisses inline que l'on peut caractériser par: elles n'entrainent pas de retour a la ligne...

Bon à prioris cela ne cause pas plus de probleme que cela sauf si l'on veut ajouter quelque chose à la droite d'un titre par exemple...un bouton de navigation ou un commentaire
Pour le bouton de navigation, pas de problème, il suffit de refermer la balise de titre après avoir défini le bouton puisque cela n'a pas d'influence sur lui, mais pour un texte, si je referme la balise de titre après l'explication, celle ci sera comprise comme titre, d'ou ces exemples (regarder ou se referme la balise de titre H3)

Pour une image (icone)

<h3>titre</h3><img src=bouton droit.gif"> titre Retour à la ligne

<h3>titre <img src=bouton droit.gif"></h3> titre pas de retour à la ligne

Et pour du texte

<h3>titre</h3> (texte explicatif) titre (texte explicatif) Retour à la ligne

<h3>titre (texte explicatif</h3> titre (texte explicatif) pas de retour à la ligne mais texte compris comme titre

Comme souvent plusieurs possibilités s'offrent à nous:

• on peut redéfinir les attributs de mis en forme du titre à chaque fois que l'on le souhaite en utilisant une balise font
  <font size="+1" color=Red style="padding-left:10px; font-family:Arial; line-height:1.5em">Titre</font>
  bon je grossis un peu le trait, mais on est pas loin



• on peut créer une balise Css que l'on appellerait titre3 et qui serait caractérisée comme suit
  .titre3{
  font-size:+1;
  color:red;
  padding-left:10px;
  font-family:Arial;
  line-height:1.5em;
  }
  
  et je l'appellerais de la façon suivante
  <span class="titre3">titre</span>
  
  c'est pas mal mais il existe deja une balise de titre dans mon theme et c'est H3 justement



• il me suffit simplement de lui dire de ne plus se comporter comme une balise block, mais comme une balise inline en modifiant le Css comme suit
  H3 {
  display:inline;
  }

A noter la réciprocité de cette fonction, on peut tout aussi bien transformer une balise inline en block, mais cela est moins utile, à part peut être pour les images