Css 跨度不保持连续

我试图在文本输入的最右侧放置一个图标。但是，对于我目前拥有的代码，图标一直出现在保存输入框的div上方。我不明白为什么它会从容器里爆出来。JS Fiddle可在上找到。非常感谢您的帮助

HTML

标题
从…起

---

CSS可以在JSFIDLE上找到，这是因为

span

具有绝对定位，因此它将相对于没有静态定位的最近父级进行放置。这恰好是带有

class=“col-md-12”

的div

您可以在字段的父元素上设置位置，这将使图标相对于以下位置放置：

.form-group { position: relative; }

---

请正确格式化您的代码！HTML固定和格式化

.form-group { position: relative; }