Html 在响应文本框中垂直对齐图像

我有一个带有标签的响应文本框，该标签在焦点上向上移动，如果文本框有输入。我试图在文本框的右侧添加一个图像，该图像与文本框输入对齐。但图像向下移动

HTML:

---

有什么建议可以解决这个问题吗？

您的输入宽度是100%，您需要减小它，并从img中删除float属性，以便垂直对齐：中对齐工作

.responsiveTextBox{
  width: 95%;
}
.resetImage {
  vertical-align: middle;
}

---

您的输入宽度为100%，您需要减小它，并从img中删除“垂直对齐：中间对齐”的“浮动”属性才能工作

.responsiveTextBox{
  width: 95%;
}
.resetImage {
  vertical-align: middle;
}

---

如果不起作用，只需将img放在标签上或给出正确的屏幕截图。如果不起作用，只需将img放在标签上或给出正确的屏幕截图。

.responsiveTextBox{
  width: 95%;
}
.resetImage {
  vertical-align: middle;
}