标签和输入框之间的间距

Question

的index.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;
}

OR

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

这只是很多人的两种方法......

Answer 2

在标签margin-right:10px;

的右侧放置一个边距

Answer 3

只需在您的标签上添加padding-right: XXpx;这样的填充物，就可以了。