Html CSS强制内联输入字段

Html CSS强制内联输入字段,html,css,Html,Css,我有以下代码,无法访问HTML进行编辑 <form> <div class="LoginDiv"> <input type="text" name="user_login" tabindex="1" placeholder="Email"/> </div> <div class="LoginDiv"> <input type="password" name="user_password"

我有以下代码,无法访问HTML进行编辑

<form>
   <div class="LoginDiv">
      <input type="text" name="user_login" tabindex="1" placeholder="Email"/>
   </div>
   <div class="LoginDiv">
      <input type="password" name="user_password" tabindex="2" placeholder="Password" />
   </div>
   <button type="submit">LOGIN</button>
</form>
这将按照图像显示

我能够访问CSS,我希望能够强制输入字段,使它们是内联的

这可能吗

谢谢


John

您只需使用display:inline。编辑

div{ 显示:内联; } 登录
您只能使用display:inline。编辑

div{ 显示:内联; } 登录 您可以将float:left指定给这些div的类,如下所示:

罗金迪夫先生{ 浮动:左; } 登录 您可以将float:left指定给这些div的类,如下所示:

罗金迪夫先生{ 浮动:左; } 登录 您可以使用float:left on input,并在类submit中使用div中添加的按钮。通过使用clear:避免两者浮动 表单输入{ 浮动:左; } .提交{ 明确:两者皆有; } 登录 您可以使用float:left on input,并在类submit中使用div中添加的按钮。通过使用clear:避免两者浮动 表单输入{ 浮动:左; } .提交{ 明确:两者皆有; } 登录
我想这是你需要的

.LoginDiv {
  display: inline-block;
 }

我想这是你需要的

.LoginDiv {
  display: inline-block;
 }

可以使用内联表格和表格单元格

display:inline-table;
看小提琴

您可以使用内联表格和表格单元格

display:inline-table;
看小提琴

你到底想发生什么?输入和按钮是内联的吗?在一条直线上?你到底想发生什么?输入和按钮是内联的吗?在一条直线上?OP提到他没有编辑htmlGood观察的权限!EditedIt不能使div内联。他们可以是页面上的其他div,也可能是内联的,破坏了页面OP提到的他无权编辑htmlGood观察!EditedIt不能使div内联。它们可以是页面上的其他div,也可能被内联,从而破坏页面