如何将<div>放在输入字段的右侧

Question

这是一个CSS问题。

我有一个表单，在每个标签之后我有$，这样我就可以在每个文本输入字段之前显示一个美元符号。然而，它出现了这样：

Label
$
input field

如何让'$'<div>在输入字段的前面？

我尝试将$ <div>左侧浮动并使输入正确但但没有做任何事情。我尝试改变两个项目的宽度，但这也没有帮助。 Display: inline-block进一步没有做任何事......

任何人都知道如何解决这个问题？

Answer 1

div,input{
  display:inline-block;
  vertical-align:top;
}

<form>
  <div>$</div>
  <input type="text" >
 </form>

显示：输入和div的内联块，如果它有对齐问题，请添加vertical-align：top;