Html 如何使链接与引导输入并排对齐？

我试着制作一个框，它有左对齐的输入和右对齐的链接。但是链接总是在左边，就像你在下面看到的一样

下面是我的期望

我尝试了

float:right

，但它将

链接

放在了右上角，我不喜欢这样。我可以使用

左边距

和

顶部

将其对齐，这不是很好的做法。而且，当我缩小页面时，我希望保持其位置

.resetToDef{
显示：块；
宽度：400px；
边界半径：4px；
边框：1px实心#FF7921；
}
.resetToDef a{
字体大小：12px；
颜色：#FF7921；
文本装饰线：下划线
}
.resetToDef输入{
显示：内联块；
宽度：57px；
边界：无；
}

---

只需将

向右浮动

添加到链接

像

.resetToDef{
显示：块；
宽度：400px；
边界半径：4px；
边框：1px实心#FF7921；
}
.resetToDef a{
字体大小：12px；
颜色：#FF7921；
文本装饰线：下划线
}
.resetToDef输入{
显示：内联块；
宽度：57px；
边界：无；
}

---

只需将

向右浮动

添加到链接

像

.resetToDef{
显示：块；
宽度：400px；
边界半径：4px；
边框：1px实心#FF7921；
}
.resetToDef a{
字体大小：12px；
颜色：#FF7921；
文本装饰线：下划线
}
.resetToDef输入{
显示：内联块；
宽度：57px；
边界：无；
}

我也尝试过这个方法，但看到链接在右上角，它应该与input位于同一行您希望链接与input对齐再次阅读我的问题并查看我共享的图片。您可以看到预期的链接我也尝试过，但看到链接在右上角，它应该与input位于同一行输入您希望链接与输入文本对齐再次阅读我的问题并查看我共享的图片。您可以看到预期的图片