I'm using FontAwesome 4.7 with Foundation 6.4.2, the newest versions of both. Whenever I put two or more FontAwesome icons next to each other horizontally, they are not vertically aligned. I've tried various vertical-align CSS styles and cannot get them aligned. please help!
and the code:
<div class="row callout"> <div class="small-2 columns"> <a href="" title="move up"><i class="fa fa-2x fa-sort-asc"></i></a> <a href="" title="move down"><i class="fa fa-2x fa-sort-desc"></i></a> </div> </div>