输入HTML之间的距离

Question

我试图在两个输入之间设置距离，这就是现在的样子：http://i.imgur.com/Et6siwO.png。我的代码：

<form class="popup-form" id="login-popup-form">
<label>Your username/email:</label> <input class="popup-input" id="login-popup-username-field" name="username" placeholder="Username"/><br />
<label>Your password:</label> <input class="popup-input" id="login-popup-password-field" name="password" placeholder="Password"/>
</form>

我在CSS中试过这个：

#popup-wrapper .popup-input
{
    position:absolute;
    right: 20px;
    width: 200px;
    margin-bottom:20px;
}

FIDDLE

Answer 1

这应该做：

margin-top: 15px;

你也可以使用margin-bottom，margin-left和margin-right。

或者你可以这样做：

.form-group {
    .input-class {
        padding: 5px;
    }
}