Aide HTML/CSS facile. Je n'arrive pas à comprendre ça!

Question

J'essaie d'aligner du texte entre deux images à sa gauche et à droite. Pourquoi ne monte-t-il pas? Les deux images sont plus grandes que le texte, il semble donc que le texte n'est pas aligné et est positionné plus bas que les images. Comment puis-je augmenter le texte? Le code que j'ai ci-dessus ne semble pas déplacer le texte.

Merci.

Answer 1

Si vous souhaitez que les images alignées verticalement avec le texte, vous devez utiliser:

vertical-align: middle 

Notez que votre padding-bottom pourrait jeter ce un peu. En outre, si vous ne le faites pas déjà, vous devez utiliser une feuille de style externe au lieu de CSS en ligne.

Answer 2

Essayez d'ajouter l'attribut align="absmiddle" aux images.

Answer 3

Par "haut" je suppose que vous voulez dire aligné sur le haut de la boîte de conteneur. Cela devrait faire ce que vous voulez:

<img style="float: left;" src="..."> 
<p style="float: left;">Filler text. Filler text. Filler text.</p> 
<img style="float: right;" src="..."> 

Answer 4

Si vous voulez régler manuellement, cela peut faire

<span style="vertical-align:100%"> 

augmenter/diminuer le pourcentage jusqu'à u satisfaire

Answer 5

HTML:

<div> 
<img src="srchere" /> 
<span>Some text right here!</span> 
<img src="srchere" /> 
</div> 

CSS:

div { 
    display:block; 
} 
img { 
    height:30px; 
    width:30px; 
} 
img, span { 
    vertical-align:top; 
    display:inline-block; 
}