Css 更改图片中登录字段的样式

我希望登录和密码字段的顺序相同。当我试图用margin命令改变css文件的顺序时，它会移动两个字段

---

试试这样的。有很多方法可以做到这一点，但这是最困难的

“不需要”正在上演。您可以完成如下列：

label
{
float:left;
width: 100px;
}

input
{
float:left;
}

​ 将宽度设置为大于最大标签文本的值

您可以使用来固定输入相对于彼此及其父元素的位置：

看看这个例子

假设结构如下：

---

欢迎来到SO！你应该重新措辞你的问题，因为它根本没有任何意义。也可以发布一些标记/css，而不是屏幕截图，这样我们就可以真正了解您所做的事情。为我们创建一个游戏。好吧，再次阅读您的问题，您谈论的是顺序，您的意思是将上面的输入置于下面的输入之下？kullanici adi在筛下？不，我想说的是我希望两个字段都在一个顺序中。用户名字段是正确的。密码字段位于左侧。我要他们排成一行。当我试图移动字段时，我的边距向左移动：10px；这是我对你的第一印象问题，该死，我删除了评论！使用css来解决这个问题。如果你有一些关于你的问题的代码，一个可行的解决方案是可以提供的。我知道html是错误的，但是我没有通过声明text=，得到任何文本。我更新了小提琴表演的工作标记两点：1。引号是可选的，只是为了挑剔，2。我在intellisense上播放我的垃圾标记，通常是为我做这些事情为什么应始终包括引号和圆形属性->

<form method="post" action="#">
  <div class="clear">
    <label>KULLANICI ADI</label>
    <input type="text" value="" name="foo">
  </div>
  <div class="clear">
    <label>SIFRE</label>
    <input type="text" value="" name="bar">
  </div>
</form>

input[type="text"] {
  float: right;
}
.clear {
  clear:both;
}