problema centrare tabel in html

Buna,

am un tabel simplu, care arata pe linie o cate o iconita si un link.
Am adaugat inca o linie, totul a functional. Acum am schimbat ultima iconita cu o alta identica ca marime, dar layout-ul tabelului s-a modificat in rau: textul este aliniat sus, nu centrat langa iconita. Eu am nevoie ca textul sa fie aliniat central, left langa iconita.
Am tot incercat valign -font rosu- dar nu-mi iese. Ma puteti ajuta?

<table width="210px" border="0" cellspacing="0" cellpadding="0">
  <tbody>

  <tr>
      <td VALIGN="MIDDLE" style="border-bottom:thin solid #d5d5d5;">
        <div class="button" id="button" onclick="window.top.location = '#';">
<img src="icon1.png" width="40" height="40" style="float:left; margin-right:5px; margin-top:8px;"/>        
        <p><A HREF=link1>text1</A></p>

        </div>
      </td>
    </tr>
<tr>
      <td style="border-bottom:thin solid #d5d5d5;">
        <div class="button" id="button" onclick="window.top.location = '#';">
         <img src="icon2.png" width="40" height="40" style="float:left; margin-right:5px; margin-top:8px;"/>  

        <p><A link2>text2</A></p>
        </div>
      </td>
    </tr>
    
  
    <tr>
      <td style="border-bottom:thin solid #d5d5d5;">
        <div class="button" id="button" onclick="window.top.location = '#';">
<img src="icon3.png" width="40" height="40" style="float:left; margin-right:5px; margin-top:8px;"/>  
        
        <p><a link2> text3</A></p>
        </div>
      </td>
    </tr>

daca nu merge cu align .... te coafeaza un <br> inaintea fiecarui text1,2,3 ?

virtualx, on 22nd August 2012, 17:15, said:

Merge - multumesc foarte mult. Dar imi poti explica de ce? Nu inteleg rostul tagului <br> aici.

br - break , break line , e ca si un enter / return in word