Html 需要将跨度与输入类型垂直对齐="；“文本”；

以下是实时链接： 单击创建并在保存后获取验证消息（范围），它们的垂直对齐略高于文本输入

---

如何将它们与文本输入垂直对齐？

如果所有项目都以这种方式对齐，请为它们分配一个类并使用：

position: relative;
bottom: 5px; /* for example */

---

如果所有项目都以这种方式对齐，请为它们指定一个类并使用：

position: relative;
bottom: 5px; /* for example */

---

不完全确定如何在服务器端生成标记，但更好的方法是在无序列表中使用

label

-

input

对。制作

标签

s内联块，给它们一个宽度，然后使用

垂直对齐

使其对齐居中

HTML:

<ul>
    <li><label for="name">Name: </label><input id="name" name="name" type="text" /></li>
    <li><label for="person1">Person 1: </label><input id="person1" name="person1" type="text" /></li>
    <li><label for="hobby">Hobby: </label>
        <select name="Hobby" id="hobby">
            <option value="0">not selected</option>
            <option value="1">swimming</option>
            <option value="2">gaming</option>

        </select>
    </li>
</ul>

---

有关完整示例，请参见。如果您不能更改标记，那么这仍然适用于您当前的HTML。只需替换

标签

和

输入，用您正在使用的类选择

选择器

不完全确定如何在服务器端生成标记，但更好的方法是在无序列表中使用

标签
-
输入
对。制作
标签
s内联块，给它们一个宽度，然后使用
垂直对齐
使其对齐居中

HTML:

<ul>
    <li><label for="name">Name: </label><input id="name" name="name" type="text" /></li>
    <li><label for="person1">Person 1: </label><input id="person1" name="person1" type="text" /></li>
    <li><label for="hobby">Hobby: </label>
        <select name="Hobby" id="hobby">
            <option value="0">not selected</option>
            <option value="1">swimming</option>
            <option value="2">gaming</option>

        </select>
    </li>
</ul>

有关完整示例，请参见。如果您不能更改标记，那么这仍然适用于您当前的HTML。只需替换
标签
和
输入，用您正在使用的类选择
选择器