Html 提交正确的输入位置

我正在尝试设计这个表格。我希望我的.form-main\uuuu submit无论发生什么情况都始终保持在表单的右侧。如果我使用提交按钮上的绝对位置并添加top:…px和left..px，它将不会响应web。将输入按钮固定到表单右侧的最佳方法是什么

到目前为止，我的css代码：

.form-main {
    border: 2px solid black;
    display: inline-block;
    border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    position: relative;
    border-color: lightgray;
    min-width: 60%;
}


.form-main__submit {
    position: absolute;
    border-radius: 100px;
    height: 50px;
    background-color: orange;
}



<div class="container">
      <div class="header">Sign in</div>
      <form class="form-main" action="#" method="post">
        <div>

          <label for="name">Name</label>
          <input class="form-main__input" type="text" name="name" id="name" value="" tabindex="1">
        </div>  
        <div>
          <label for="email">Email</label>
          <input class="form-main__input" type="text" name="email" id="email" value="" tabindex="2">
        </div> 
        <div>
          <input class="form-main__submit" type="submit" value="Submit">
        </div>
      </form>
    </div>

.formmain{
边框：2件纯黑；
显示：内联块；
边框右下半径：40px；
边框右上角半径：40px；
位置：相对位置；
边框颜色：浅灰色；
最小宽度：60%；
}
.表格-main\u提交{
位置：绝对位置；
边界半径：100px；
高度：50px；
背景颜色：橙色；
}
登录
名称
电子邮件

您可以使用

float

属性并将其值设置为

right

.form-main__submit {
    float: right;
    border-radius: 100px;
    height: 50px;
    background-color: orange;
}

---

如果使用

bootstrap

.formmain{
边框：2件纯黑；
显示：内联块；
填充：10px；
位置：相对位置；
边框颜色：浅灰色；
边框右下半径：40px；
边框右上角半径：40px；
}
.表格-main\u提交{
浮动：对；
边界半径：100px；
高度：50px；
背景颜色：橙色；
}

登录
名称
电子邮件

您是否在

上尝试了
右键：0
。form-main\uu submit

？