Html 提交按钮是否可能位于输入的右侧，而不是下方？

提交按钮是否可能位于输入的右侧，而不是下方？ 在代码中，我复制了表单

<form action="/city" method="post">
    <fieldset data-role="fieldcontain">
        <input type="text" name="city_name" id="city_name" placeholder="City Name">
    </fieldset>
    <input type="submit" value="Create New City">
</form>

但是按钮“创建新城市”总是在下面。

像这样使用

<form action="/city" method="post">
    <fieldset data-role="fieldcontain">
        <input type="text" name="city_name" id="city_name" placeholder="City Name">
        <input type="submit" value="Create New City">
    </fieldset>
</form>

<form action="/city" method="post">
<fieldset data-role="fieldcontain" style='display: inline'>
    <input type="text" name="city_name" id="city_name" placeholder="City Name">
</fieldset>
<input style='display: inline' type="submit" value="Create New City">
</form>

---

如果无法修改HTML，请尝试将此CSS添加到页面：

fieldset {
    display: inline-block;
}

---

添加以下css

fieldset
    {
        display: inline;
    }

---

这个问题与javascript或jQuery无关。请适当标记您的问题，谢谢。您是否尝试过在元素内移动提交按钮？@AnthonyGrist我尝试过，但它仍然在下面，只是大小不同。请写下更改的内容@MohamedSakherSawan他将提交输入元素放在字段集中