[RÉSOLU] Positionnement vertical d'un contenu de taille variable ?

Hello,

J'applique ce style :

div#conteneur {
	width:1250px;
	margin:0 auto;
}
div#conteneur div.wrap {
	margin-bottom:15px; 
	min-height: 100%; height: auto !important; height: 100%;
}

div#wrap > p {display:inline-block; text-align:left; width:600px; padding:10px; background:#eee}

sur ce bout de html :

<div id="conteneur">
	<div id="wrap">
		<p>
			<span class="title">ligne 1 colonne 1</span>
			<span id="l1c1"><!-- rempli en ajax --></span>
		</p>
	</div>
	<div id="wrap">
		<p>
			<span class="title">ligne 2 colonne 1</span>
			<span id="l2c1"><!-- rempli en ajax --></span>
		</p>
		<p>
			<span class="title">ligne 2 colonne 2</span>
			<span id="l2c2"><!-- rempli en ajax --></span>
		</p>
	</div>
</div>

La taille des span contenus dans les p (ceux remplis en ajax) ont une taille variable.
J'aimerai donc que ces p soient alignés par le haut

En image :
http://img17.imageshack.us/img17/1791/slection001.th.png


Sauriez vous comment faire ?

Merci beaucoup (mes cheveux qui me restent vous en remercieront ) !
Modifié par steph33 (30 Aug 2011 - 13:36)

Up svp

Salut salut

Tu peux peut être essayer :

div#wrap > p {
display:inline-block;
[i]vertical-align: top;[/i]
text-align:left;
width:600px;
padding:10px;
background:#eee}

Tu peux trouver plus d'informations à propos d'inline block ici

En espérant t'avoir aidé.

Arggg

suis-je bête !

merci Gili !