CSS-заполнение для одного TD внутри таблицы

У меня есть таблица, построенная следующим образом:

<table>
<tr>  <td>1</td>  <td>2</td>  <td rowspan="4">3</td></tr>
<tr>  <td>4</td>  <td>5</td>                        </tr>
<tr>  <td>6</td>  <td>7</td>                        </tr>
<tr>  <td>8</td>  <td>9</td>                        </tr>
<tr height="100"><td colspan="2">10</td><td class="eleven">11</td> </tr>
</table>

Теперь проблема в последней строке. Вся строка имеет высоту 100 пикселей, поэтому в TD достаточно места. В самом последнем TD я хочу установить индивидуальное заполнение, поэтому только содержимое «11» заполняется сверху:

.eleven {
    padding-top:15px;
}

Установка этого вызывает проблему - первый TD в этой строке также получает padding-top: 10px; Почему и как сделать набивным только второй?

6
задан Brian Tompsett - 汤莱恩 26 October 2016 в 14:36
поделиться