表頭與表中鏈接的垂直對齊

Question

我的代碼：

<table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2><a href="#" target="_blank" style="text-decoration:none; color:#34495e;">O mnie</a></h2>
      </td>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Inne Produkty</h2></a>
      </td>
      <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Komentarze</h2></a>
      </td>
    </tr>
  </tbody>
</table>

編輯 ：原始問題已解釋為：

我希望第一列的文本（鏈接）在中間，就像接下來的兩列一樣，但在<h2>包含<a href"#"...></a> 。 因為我要放置的位置不支持相反的操作。 這意味着h2不能放在<a>標記內。

OP希望第一個鏈接被垂直排列具有當h2的內標簽a標簽

（下面的原文）

我希望第一列的text（link）位於中間，就像接下來的兩列一樣，但在我要放置的原因區域中包含havinh，它不支持相反的方式。

Answer 1

我想現在我明白了您想要什么（感謝Wes Foster）：

通過向其添加以下style屬性，使h2元素成為內聯塊： <h2 style="inline-block;">

 <table style="text-align: center; width: 100%;" border="2" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><h2 style="inline-block;"><a href="#" target="_blank" style="text-decoration:none; color:#34495e;">O mnie</a></h2> </td> <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Inne Produkty</h2></a> </td> <td style="vertical-align: middle; width: 33%;" bgcolor="#27ae60"><a href="#" target="_blank" style="text-decoration:none; color:#34495e"><h2>Komentarze</h2></a> </td> </tr> </tbody> </table>