Html 如何在行中定位表单元素，同时使标签和元素彼此相邻？

我想创建一个CSS

• 将标签宽度设置为100px
• 将选择/输入元素放置在标签右侧
• 在行中放置{label，element}节

到目前为止，我的CSS失败了。。。我不知道怎么做。简言之，我希望：

Label:   [  ... ]
Label2:  [ ...  ]
Label3:  [...   ] 

怎么做

span{
宽度：100px；
显示：块；
}

标签：
1.
2.
标签2：

使用您拥有的HTML结构，您需要将

span

设置为显示为

内联块

，并将

标签

设置为

块

以将其设置为新行

将

span

设置为

inline block

可使其处于内联状态，但仍保持其方框样式（例如，宽度）

span{
宽度：100px；
显示：内联块；
}
标签{显示：块}

标签：
1.
2.
标签2：

使用您拥有的HTML结构，您需要将

span

设置为显示为

内联块

，并将

标签

设置为

块

以将其设置为新行

将

span

设置为

inline block

可使其处于内联状态，但仍保持其方框样式（例如，宽度）

span{
宽度：100px；
显示：内联块；
}
标签{显示：块}

标签：
1.
2.
标签2：

将每个

标签

分别放入解决问题的

div

元素中。请尝试给定的链接或下面的代码

HTML代码-

<div>
    <label>
        <span>Label:</span>
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </label>
</div>
<div>
    <label>
        <span>Label2:</span>
        <input name="motor" value="44" type="number">
    </label>
</div>

---

将每个

标签

分别放入解决问题的

div

元素中。请尝试给定的链接或下面的代码

HTML代码-

<div>
    <label>
        <span>Label:</span>
        <select>
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </label>
</div>
<div>
    <label>
        <span>Label2:</span>
        <input name="motor" value="44" type="number">
    </label>
</div>