Css 添加与其他元素内联但上标的字体图标

我有两个类似问题的场景。我正在尝试添加一个字体图标：

内联文本输入和“加载项”按钮，但上标（）

复制

对于第一个问题，您的HTML结构是错误的。你需要在输入组DIV中添加图标。同样要做上标，你需要一个CSS类。以下是您的更新代码：

对于第二个问题，您的DIV必须与浮动一起内联显示。以下是它的CSS：

.dropdown {
  display:inline-block;
  float:right
}

第一期：

对于Raed N.之前提到的第二个问题，只需在下拉列表中添加一个float:right：

.dropdown {  float:right; }

---

将图标添加到输入组会破坏它的样式。一方面，请参见示例中的按钮和表单输入之间的断开连接，与问题和。谢谢！这太完美了。