Вертикально-выровненный в основном css

Question

У меня есть сайт wordpress.

Я попытался добавить стол к своему сообщению.

Вот таблица кодов:

<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> 

После добавления таблицы я увидеть, что основная CSS содержит vertical-align:baseline для table, tbody, caption, tr, td, th. Из-за этой области справа 1 начинается только в правом нижнем углу области слева.

Когда я удалить vertical-align из основного CSS это влияет весь сайт

Как я могу это исправить?

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; 
}