メインCSSに垂直-揃え

Question

私はワードプレスのサイトを持っています。

私は私のポストにテーブルを追加しようとしました。

ここ表コードである：

<table border="1"> 
    <tr> 
     <td rowspan=3> 
      area on the left 
     </td> 
     <td> 
      Area on the right-1 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Area on the right-2 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Area on the right-3 
     </td> 
    </tr> 
</table> 

iはメインCSSがvertical-align:baselineためtable、tbody、caption、tr、td、thが含まれていることを参照テーブルを追加した後。その領域が右の領域のため、左の領域の右下にちょうど1が始まります。私は、メインのCSSからvertical-alignを削除すると

は、それは私がこの問題を解決することができますどのようにすべてのサイト

影響しますか？

Answer 1

私はこの

<table border="1" style="vertical-align:top;"> 
<tr> 
    <td rowspan=3 style="vertical-align:top;"> 
     area on the left 
    </td> 
    <td style="vertical-align:top;"> 
     Area on the right-1 
    </td> 
</tr> 
<tr> 
    <td> 
     Area on the right-2 
    </td> 
</tr> 
<tr> 
    <td> 
     Area on the right-3 
    </td> 
</tr> 

のような解決策を見つけました

Answer 2

vertical-align:topでプロパティを上書きできます。このように書く：

table{ 
vertical-align:top; 
}