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.