Positionnement div collé quelque sois la hauteur et en colonne..

<div class="ligne">
  <div class="article">
    <p class="articletitreart">le titre à afficher</p>
    <p><img src="Mon_image.jpg"/></p>
  </div>
  <div class="article">
    <p class="articletitreart">le titre à afficher<br>sur 2 ligne</p>
    <p><img src="Mon_image.jpg"/></p>
  </div>
  <div class="article">
    <p class="articletitreart">le titre à afficher</p>
    <p><img src="Mon_image.jpg"/></p>
  </div>
</div>

.ligne {
    display: table;
}

.article {
    width: 290px;
	margin: 0;
	padding: 0;
	display: table-cell;
	background-color: rgba(0, 0, 0, 1); 
	text-overflow: ellipsis;
	border-top: 4px solid #6d0019;
	border-radius: 10px;
}

// ouverture d'une ligne
echo '<div class="ligne">';

$i = 1;
while ($donnees = $result->fetch()) {}
    // affichage article
	echo '<div class="article">...</div>';

	// fermeture et ouverture d'une ligne sur un multiple de 3 articles
        if($i % 3 == 0) { 
		echo '</div><div class="ligne">';
	}
	
	$i++;
}

// fermerture de la dernière ligne
echo '</div>';