En théorie, ça devrait, sauf que ça ne s'applique qu'aux éléments de type tableau/cellule. Il faudrait donc pour ça appliquer un [i]display: table-cell[/i] pour que ça fonctionne : mais si l'élément a des dimensions, le [i]line-height[/i] marche très bien.

Pour le centrage vertical d'un élément en ligne par rapport à un autre, il y a encore plus simple :

[code]vertical-align: middle[/code]

Applique un "line-height" correspondant à la hauteur du champ de saisie au texte du label ou encore positionne le champ en relatif avec une valeur "top" pour ajuster.

<div>
<form action="" method="">
<input  type="text" name=""/>
<input  type="image" src="images/btn_rechercher.gif" />
</form>

Bonjour,
j'ai deux balises input (dont une image) dans un div, comme ceci:
[php]
<div>
<form action="" method="">
<input type="text" name=""/>
<input type="image" src="images/btn_rechercher.gif" />
</form>
[/php]

Le champ de texte et le bouton s'affichent "inline", à la suite l'1 de l'autre, comme je l'espérais.

Par contre, impossible de faire un centrage vertical. Mon bouton s'affiche plus haut que le champ input. Comment les aligner correctement?

Mon site est ici, voir le champ et le bouton de recherche en haut à droite.
http://82.227.167.30/lrb/livraison/mathias/t1/

Merci pour vos réponses.[/url]