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

Question

这是一个 CSS 问题。

我有一个表单，在每个标签后都有一个 $，这样我就可以在每个文本输入字段前显示一个美元符号。但是，它显示如下:

Label
$
input field

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

我尝试 float $ <div>向左并使输入向右，但这什么也没做。我尝试更改这两个元素的宽度，但这也无济于事。 Display: inline-block进一步什么也没做...

有人知道如何解决这个问题吗？

Answer 1

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

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

为输入和 div 提供 display:inline-block，如果它有对齐问题，请添加 vertical-align:top;