将星号(*)与HTML表单中的标签垂直对齐

Question

在我的表格上,我在标签后面加了一个星号(*),标记为重要.

问题是它默认垂直对齐为顶部位置.我希望有一些方法可以将它垂直对齐为中间.

这是它的样子:

注意*是顶部对齐的.

我试过这个,但它不起作用

.imp {
        display: inline-table;
        vertical-align: middle;
}

Answer 1

使用vertical-align:sub

<div>
   <p class="verified"><span>*</span> verified </p>
</div>

.verified span{
    vertical-align:sub;
}

工作演示

Answer 2

该vertical-align: sub方法还扩展了容器高度。由于您还标记html了问题，因此您可以将 html 实体用于本机中间星号。

∗

演示：

这是默认的星号(*)。这是中间的星号(*)。