html - CSS强制内联输入字段

Question

我有以下代码，但无法访问要编辑的 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，并且我希望能够强制输入字段使其内联。

这可能吗？

谢谢，

约翰

Answer 1

我想这就是你需要的

.LoginDiv {
  display: inline-block;
 }

https://jsfiddle.net/21o0uL52/