html - 如果我将元素放在表单之外，如何将元素放在同一行

Question

我希望注册按钮与登录按钮在同一行，但是当它被放置在表单之外时它不会起作用。

<div style="float:right;min-width:440px;width:30%;padding-top:30px;">
<form>
Username:<input name="username" type="text" name="username" style="min-width:120px;"></input>
Password:<input name="password" type="text" name="password" style="min-width:120px;"></input>
<input type="submit" value="Login"></input>
</form>
<button>Register</button>
</div>

Answer 1

摘自 Vitorino Fernandes 的评论。尝试以下 -

<div style="float:right;min-width:440px;width:30%;padding-top:30px;">
<form>
    Username:<input name="username" type="text" name="username" style="min-width:120px;"></input><br />
Password:<input name="password" type="text" name="password" style="min-width:120px;"></input>
    <br /> <input type="submit" value="Login"></input>
</form>
    <button style="position:absolute; left:140px; top:80px">Register</button>
</div>