Html 仅子对齐一个元素下的文本

当我尝试将字符

c

创建为次对齐时，表行中紧随其后的

bar

文本也会次对齐（非常不直观）

测试
福克
酒吧

有人能指出我做错了什么，或者如何解决这个问题吗

这是小提琴：

用这个：

td{
垂直对齐：基线；
}
选择{
垂直对齐：次对齐；
}

测试
福克
酒吧

改用

标签

测试
福克
酒吧

谢谢。你可以详细解释一下，为什么

vertical align:inherit

不能按预期工作？在我的真实代码中，

sel

对内容有意义。相反，

sub

是一个格式化标记，它对所包含的内容没有任何意义。

<table> 
  <tr>
    <td>test</td>
    <td>foo<sel style="vertical-align: sub">c</sel></td>
    <td>bar</td>
  </tr>
</table>