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
.