Css 在引导中垂直居中列表项

我在一个使用Bootstrap3的网站上工作。我需要沿列表项的右侧垂直对齐按钮。为了做到这一点，我正在做以下工作：

<ul class="list-unstyled list-info">
  <li class="ng-binding ng-scope">
    <label style="width:initial;" class="ng-binding">First Name Last Name</label><br>
    Birthdate
    <a ng-click="viewDetails()" class="btn-icon-round btn-icon-round-sm bg-success pull-right" style="vertical-align:middle;"><i class="fa fa-chevron-right"></i></a> 
  </li>
</ul>

如何将图标垂直居中放置在列表项的右边距？我将有额外的列表项目。出于这个原因，我需要一份清单。然而，我不知道该怎么做

---

谢谢大家!

实现这一目标的一种方法是这样做：

<ul class="list-inline">
<li>
 <ul class="list-unstyled list-info">
  <li class="ng-binding ng-scope">
    <label style="width:initial;" class="ng-binding">First Name Last Name</label><br>
    Birthdate
  </li>
 </ul>
</li>
<li>
      <a ng-click="viewDetails()" class="btn-icon-round btn-icon-round-sm bg-success pull-right" style="vertical-align:middle;"><i class="fa fa-chevron-right"></i></a> 
</li>
</ul>

然后根据您的判断添加链接