Aligner une image et un text

bonjour
je souhaite aligner sur la même horizontale une image et un text!
En effet le text est placé au plus bas de l'image.

j'aimerais donc savoir si on peut faire autrement que d'attribuer un float à l'image:

<img src="image.jpg" alt="image" style="border: 1px solid gray; float: left; "  /><p style="border: 1px solid gray; margin-top: 1em; ">Mon text ici lalalallalaa .....
</p>

Salut,
avec cette structure HTML :

<div><img /><span>texte</span></div>

Et côté CSS

img, span
{
	vertical-align: middle ;
	display: inline-block ;
}

Modifié par Olivier (07 Jul 2005 - 22:58)

bonjour
et merci pour ta réponse
mais que signifie ceci

a écrit :
display: inline-block ;

???

C'est display: inline; et display: block; en même temps

C'est un mix des 2, j'utilise jamais, je sais que ça marche pour ce que tu cherches et voilà, c'est CSS2.1

C'est pas top comme explication hein ?

Désolé, cette fois ci j'avais juste gardé ça sans en savoir plus, j'applique bêtement
Modifié par Olivier (07 Jul 2005 - 23:22)

Hello,

Soit je n'ai pas compris la question, soit il suffit d'utiliser vertical-align comme l'indique la FAQ : http://forum.alsacreations.com/faq/#item5

Bonne chance

imotep a écrit :
bonjour
je souhaite aligner sur la même horizontale une image et un text!
En effet le text est placé au plus bas de l'image.

Avant d'abandonner les float, autant refaire ça avec une structure un peu plus solide, et, du coup, plus facile à "floatter"

<p style="margin-top: 1em; ">
<img src="image.jpg" alt="" style="border: 1px solid gray; float: left; "  />
<span style="border: 1px solid gray;">Mon text ici lalalallalaa .....</span>
</p>

Et par pitié, pas de alt="image", nom de Diou !

Merci pour toutes les infos.

Au début ça n'avait pas l'air de marcher, donc pour aider tous les comme moi qui ne réfléchissent pas avant de copier-coller...

Pour utiliser la technique avec une police d'une taille autre que la standard, appliquer le style sur le block extérieur. Dans l'example d'Olivier, sur le div, pas sur le span:

<div><img /><span>texte</span></div>

et pour le CSS:

img, span {
    vertical-align: middle ;
    display: inline-block ;
}

div {
    font-size: 200%;
}