Vertically align an asterisk (*) with a label in an HTML Form

The vertical-align: sub method also expands the container height. Since you also tagged html for the question, you can use the html entity for native middle asterisk.

∗

Demo:

Here is the default asterisk (*). Here is the middle asterisk (∗).

Use vertical-align: sub.

.verified span{
    vertical-align:sub;
}

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