Question

<div id="insideimagelogin">
<h4>Existing User Login</h4>
<form action="login" method="post">
<p>
   <label for="username"></label>
   <input name="username" type="text" value"" placeholder="Email" id="username"/>
</p>
<p>
   <label for="password"></label>
   <input type="password" name="password" value="" placeholder="Password" id="password"/>
</p>
</form>

这是我上面的代码，但是用户名和密码框太远了。我希望他们在彼此的几个px内。我已经尝试更改我的.css文件上的边距和填充没有运气。

#insideimagelogin {
    color: #FFFFFF;
    position: absolute;
    top: 50px;
    padding: 0 0 0 0px;
    margin: 0;
    left: 536px;
    }

我可能会创建另一个div，然后我可以将它们组合在一起，但我真的不想这样做。在此先感谢您的帮助！

Answer 1

减少或消除段落的余量。

p {
    margin:0;
}

<强> jsFiddle example

如果您希望它们尽可能接近，您可以对输入元素执行相同的操作。

Answer 2

form>p
{
margin-top:1px;   
margin-bottom:1px;   
}

这会将p的子级form的上下边距设置为1px。

fiddle（确保向右滚动以查看表单）

如何将输入框从两个形式移近？

2 个答案: