javascript - 标签和输入框之间的间距

Question

索引.php

<div class="detail">
    <?php echo Form::label("first_name", "First Name"); ?>
    <?php echo Form::input("first_name", $userdetails->first_name); ?>
</div>

我得到图像中提到的以下格式的输出，我希望名字和输入框之间有一些空格。我应该应用什么 css 属性。

试过这个

.field { 

    margin-left:10px;
}

.field label {
    float: left;
    width: 200px;
}

Answer 1

您可以基于父div.detail元素创建 CSS 选择器，以在元素之间留出一些边距：

.detail label {
     margin-right : 5px;
}

或者

.detail input {
     margin-left : 5px;
}

这只是许多方法中的两种...

Answer 2

在标签右侧添加边距margin-right:10px;

Answer 3

padding-right: XXpx;只需在您的标签上应用一个填充，就可以了。