html - 当 2 个或更多对象左侧的元素长度不同时设置左边距

Question

我正在制作一个表单，我希望多个输入文本字段离屏幕左侧的距离相等。但是，字段左侧的文本长度不同，导致输入字段不均匀

<form>
    First name:
    <input type="text" name="firstname">
    <br>
    Last name:
    <input type="text" name="lastname">
</form>


input{
    margin-left: 50px;
}

如何设置屏幕左边缘而不是文本的边距。

Answer 1

您可以为 label 赋予样式，如下所示。

Fiddle Demo

.form label {
display: inline-block;
margin-left: 10px;
min-width: 110px;
}