如何显示锚元素内嵌这是在下拉菜单列表元素

Question

下面是我的HTML代码

<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>

我想要的编辑图标相邻到F/R生产报告。不低于生产报告。

P.S.我试过显示：inline-block;显示：内联;但两者都不起作用。

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>