は、ドロップダウン・メニュー内のリスト要素であるアンカー要素をインラインで表示する方法

Question

は以下

<li ng-show="authentication.isAuth" ng-repeat="menu in menuList" class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{menu.title}} <span class="caret"></span></a> 
 
    <ul class="dropdown-menu"> 
 
     <li ng-repeat="li in menu.subMenuList"> 
 
     <a href="{{li.state}}">{{li.title}} </a> 
 
     <a class="fa fa-pencil-square-o" href="{{li.stateh}}"></a> 
 
     </li> 
 
    </ul> 
 
</li>

は、私が編集アイコンが隣接するようにしたい私のHTMLコードですF/R生産報告書へ。生産報告の下にはない。

P.S.私はディスプレイを試した：インラインブロック;表示：インライン;どちらも機能していません。

Answer 1

タグを前のタグの中に入れるだけでいいですか？

<li ng-show="authentication.isAuth" ng-repeat="menu in menuList" class="dropdown"> 
 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{menu.title}} <span class="caret"></span></a> 
 
    <ul class="dropdown-menu"> 
 
     <li ng-repeat="li in menu.subMenuList"> 
 
     <a href="{{li.state}}">{{li.title}} <a class="fa fa-pencil-square-o" href="{{li.stateh}}"></a> </a>  
 
     </li> 
 
    </ul> 
 
</li>