タグ入力 - 入力の上にdivを置く

Question

私は新しい開発者であり、タグ入力を作成しようとしています - ソリューション（プラグインなど）がたくさんありますが、私はちょうどhtml /私はこの時点からできる場合は、CSS。どうすれば入力タグを作ることができますは入力の上にと表示されますか？とにかく入力値の上にそれらを配置するには、入力値を混乱させることはありませんか？

<div class="edit"> 
<div class="filter-tags-cloud" ng-show="editMode" style="float:left;"> 
    <div ng-repeat="filterTag in tags track by $index" class="filter-tag"> 
     <div class="btn-group btn-group-filter"> 
      <span class="btn btn-filter-tag filter-truncate">{{filterTag}}</span> 
      <span class="btn btn-filter" ng-click="vm.removeTag($index)"> 
       <span ng-click="removeTag($index)" class="fa fa-times"></span> 
      </span> 
     </div> 
    </div> 
</div> 
<div id="input" style="float:right;"> 
    <input type="text" ng-show="editMode" class="edit" ng-model="frontSeal.selected" ng-keydown="checkEvent($event)"/> 
</div> 

それが今どのように見える：

私は入力内であることをフィルタのタグとのスパンが好きか、少なくともそう見えます。

Answer 1

多分このヘルプは、あなたのCSSでこれを追加してみてください

.filter-tags-cloud {position:relative; top:10px;} 

これは、現在の位置