Place Image in Center and Middle of DIV using CSS

Hi

I have table in database that bind image from it below are my code

<asp:DataList ID="DDLP" runat="server" RepeatColumns="3" 
                               RepeatDirection="Horizontal" CssClass="DDLPS" 
                   >
                               <ItemTemplate>
                                   <table class="DDLhp" align="center">
                                       <tr>
                                         <td class="TDHp" align="center" style="vertical-align: middle;">
                                         <div id="DTDHp" align="center" style="text-align:center; vertical-align: middle;">

                                             <asp:Image ID="Image2" runat="server"   CssClass="TPH" ImageUrl='<%#Eval("image","image/house/product/{0}")%>'/>
                                                 </div>
                                           </td>
                                       </tr>

   .TPH
        { 
       
           float:none;
            width:120px;
            height:80px;
            
            }

here image that I saved in databse have different size...

now problem is ,Image that I  bind from database,horizontally it is in the center of Div but vertically it is on the top of div I want  vertically it be at the center of div too...

How I can do it?

Best Regards

Neda