How do I align Font Awesome icons to the right?

text-align will align the text within the element which you are assigning it to, which doesn't do anything in an inline-block element like this (since that's just as wide as its contents). Use float: right; instead of text-align: right

https://jsfiddle.net/s4a9sct9/1/


If text-align: right is not working, try float: right.