Стол автоматически центрируется вдоль

Question

У меня нормальная таблица, ничего особенного в этом нет, вот она:

живой пример: http://jsfiddle.net/fFENK/1/

<table width="100%" border="1">
  <tr>
    <td rowspan="2">January</td>
    <td colspan="2">$10s0</td>
  </tr>
  <tr>
      <td>$100 <br/>$100 <br/>$100 <br/> </td>
    <td>$540</td>
  </tr>
</table>

Проблема здесь в том, что текст, который автоматически центрировался вдоль, как вы можете видеть в живом примере, который я приводил ранее, текст «Январь» находится в середине ячейки, а не в верхней части ячейки, как предполагается быть. Как мне это исправить?

Answer 1

Установите свойство вертикальное выравнивание ячейки.

Answer 2

Добавьте CSS к своему коду:

td {
    vertical-align:top;
}

Answer 3

Вы должны применить эту CSS, чтобы она достигла вершины

td { vertical-align: top }

Answer 4

Добавить valign атрибут к <td> узлу:

<td rowspan="2" valign="top">January</td>