如何在下拉菜单中的列表元素中显示锚元素内联

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 生产报告相邻。不低于生产报告。

附：我试过 display: 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>