Salve a tutti

avrei un problema che può sembrare banale, ma che mi sta facendo impazzire.

Vorrei creare una specie di tabella (con i div e css) composta da tre colonne scritta immagine form (con unico bottone di input).
Il problema è che non riesco ad allinearli nel modo corretto, specialmente in verticale.

Posto il codice

codice:
<div class="precatalogo">
            
            <div class="float">
              

aratri</p>
            </div>
            
            <div class="float">
            


             [img]img/ASI35_4SI.gif[/img]         
               </p>
            </div>
            
            <div class="float">
            <form action="ctrl_iscrizione.php" method="post"> 
                    
                        <input type="reset" name="Reset" value="Catalogo aratri">
                    
                </form>
            </div>
         </div>
codice:
div.float {
  float: left;
  width: 30%;
  padding: 10px;
  vertical-align:middle;
  height:150px;
  }
  
div.float p {
   text-align: center;
   vertical-align:middle;
   height:150px;
   }

div.precatalogo{
   text-align: center;
   vertical-align:middle;
   border:dashed;
   height:100%;
    width: 100%;
	height:150px;
   }
grazie dell'eventuale aiuto