Ciao, premetto che il titolo non è giusto ma non saprei come definirlo, per farvi capire vi faccio vedere l'immgine di quello che devo ottenere


per farlo ho semplicemnete messo ogni contenuto (titolo immagine e testo di ogni box) all'interno di uno span e poi usato float:left

tutto questo è contenuto in un div con dimensione fissa a 700px
però quello che ottengo è questo



sto usando wordpress... ecco il codice html e poi il css

Codice PHP:
while ( $loop->have_posts() ) : $loop->the_post();
                
                ?>
                <span class="elenco_project">
                    <h1><?php the_title(); ?></h1>
                       <?php the_content(); ?>
                </span>
                <?php
                
                endwhile;
                
                ?>
codice:
.elenco_project{
	width:200px;
	padding:0 10px 10px 10px;
	float:left;
	border-left:1px solid #686560;
}
come vedete i box in baso non si "allineano" nella maniera corretta... come posso fare? è tutto il pomeriggio che ci sbatto la testa...