额外的图标标签出现，但在HTML中只有3个

在代码笔中，我有一行有3个div标记，每个div标记有1个图标标记。然而，我得到2个额外的图标标签显示在ID列下面。这些额外的图标来自哪里？当我检查元素时，它似乎在容器类下，但它不是html中的内容。多谢各位

这是我在html中的内容：

<div class="row">
  <div class="col-4"><span ng-click="sortBy('ID')">ID <i id="id-caret" class="fa fa-caret-down"></i></span></div>
  <div class="col-4"><span ng-click="sortBy('Name')">Bird Name <i id="bird-name-caret" class="fa fa-caret-down"></i></span></div>
  <div class="col-4"><span ng-click="sortBy('Type')">Type of Bird <i id="bird-type-caret" class="fa fa-caret-down"</i></span></div>
</div>

身份证件
鸟名
鸟的类型因为有未关闭的
标签而出现：

<div class="col-4">
    <span ng-click="sortBy('Type')">Type of Bird 
        <i id="bird-type-caret" class="fa fa-caret-down"></i>
    </span>
</div>


鸟种