2 textes alignés avec une image

salut à tous,

ça fait un petit moment que je cherche...voilà mon problème:

j'essaye d'avoir mon image à gauche puis à droite(de l'image) un texte titre et immédiatement dessous un texte.
alors j'arrive à obtenir l'image à gauche et le titre à droite mais pas le texte juste sous le titre !

mon xhtml:

<div id="middle">
<p>
<img src="img" /><span>Titre d'article</span><span>message de l'article</span>
</p>
</div>

css:

#middle {
	float: left;
	width: 500px;
	}

#middle p {
	text-align: left;
	border: 1px solid black;
	}
#middle p span {
	vertical-align: top;
	}

alors voilà où j'en suis !
pour le moment j'ai mon image et mes 2 textes alignés à droite de l'image l'un à côté de l'autre...
si quelqu'un peut me mettre sur la voie ou me donner la solution merci

Tu n'as aucun élémentqui oblige à un passageà la ligne entre tes éléments...
(Et span n'est pas un indicateur,il faut lui associer une "class" ou une "id").
(Et titrer "h1" "h2", "hn"... te permettra de hiérarchiser ton texte... Et d'impliquer ainsi des passages à la ligne).
Modifié par Macpom (19 Sep 2005 - 11:38)