Перекрытие по вертикали выравнивания требуется для верхнего индекса, но применяются таблицы атрибутов

Question

Ниже мой код:

<table border="0" cellspacing="1" cellpadding="0" width="100%"> 
<tr> 
<td width="31%" align="center" valign="middle"> 
<a href="http://google.com/"></a> 
</td> 
<td width="69%" valign="top"> 
Terms and conditions 
<sup>#</sup> 
</td> 
</tr> 
</table> 

superscript не работает (# не на вершине Его в той же строке, Условий & условий. текст).

Моя догадка vertical-align из superscript получает переопределение table атрибутов.

Ниже приведена таблица стилей использования по умолчанию для атрибутов table, полученных от веб-разработчиков. Я также снял для sup. Я не вижу, что его ценности отключаются в веб-разработчике.

tbody { 
display: table-row-group; 
vertical-align: middle; 
border-color: inherit; 
} 

tr { 
display: table-row; 
vertical-align: inherit; 
border-color: inherit; 
} 

td, th { 
display: table-cell; 
vertical-align: inherit; 
} 

td[Attributes Style] { 
width: 31%; 
text-align: -webkit-center; 
vertical-align: middle; 
} 

sup { 
vertical-align: super; 
font-size: smaller; 
} 

Если я помещаю sup вне table атрибут, он отлично работает. Как я могу получить sup, работающий внутри table?

Answer 1

valign="top" является причиной. Если вы удалите его, надпись будет работать.

<td width="69%"> 
    Terms and conditions<sup>#</sup> 
</td> 

Или, если вы хотите сохранить V-выравнивать, инкапсулировать:

<td width="69%" valign="top"> 
    <span>Terms and conditions<sup>#</sup></span> 
</td>