Font Awesome Unicode-如何將圖標一直浮動到右側

Question

如果圖標使用的是傳統<i></i>標簽，我知道該怎么做，但是在鏈接之后，我使用fa圖標作為Unicode。

所以我的鏈接CSS看起來像這樣：

#menu li a:after {
  font-family: FontAwesome;
  content: "\f054";
  display: inline-block;
  float: right;
  padding-left: 10px;
  vertical-align: middle;
}

圖標出現在右側鏈接旁邊，這是正確的，但是如何將圖標一直向右對齊呢？

一直到菜單寬度的盡頭。

我正在嘗試float: right ，但是我認為那是不對的。

Answer 1

您可以取消float和display屬性，而使用position和right屬性

#menu li a:after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  right: 0px;
  padding-left: 10px;
  vertical-align: middle;
}