Discussion :

[ClarusAD]

Salut,
Comment éviter ceci :


J'ai utilisé ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

img { vertical-align:middle }

car je souhaite que le texte soit aligné au centre de mes images ; mais TOUT le texte d'un paragraphe.
Pourquoi entre la première ligne et la seconde il y a tant d'espace ?

Merci

[Michel]

Salut,
Pourquoi entre la première ligne et la seconde il y a tant d'espace ?
Merci

Pour moi, l'image est centrée sur la ligne et en fait partie; donc la ligne suivante commence sous l'image

[Invité]

Bonjour,

il faut montrer le code HTML associé...


une solution :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  <figure>
    <img src="https://www.developpez.net/forums/avatars/256045-jreaux62.gif?dateline=1487190201" />
    <figcaption>Vita est illis semper in fuga uxoresque mercenariae conductae ad tempus ex pacto atque, ut sit species matrimonii.</figcaption>
  </figure>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
figure { display:flex; align-items:center; }
figure img { flex:0 0 auto; margin-right:15px; }