React - 如何将glyphicon对齐到最右边？

Question

我的React应用程序有自动完成功能，在自动完成中我提供了列表和glyphicon然后如果我点击glyphicon，内容将被插入到MongoDB中。

无论如何，我尝试将一个glyphicon对齐到最右边，但我不能这样做。如果我将它移到li之外，则语法错误。

以下是捕获图像。

glyphicon对文本是封闭的，但它应该在最右边。

我的代码如下：

<li key={_id}>{itemname}
  <i className="glyphicon glyphicon-edit" onClick={() => 
  this.addToReceiving(
    itemid, 
    barcode, 
    itemname, 
    category, 
    stocktype, 
    itemtype, 
    wholesaleprice, 
    retailprice, 
    quantitystock, 
    receivingquantity, 
    description, 
    comment)}>
  </i>
</li>