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