同じ行の反対側にアイコンを表示するにはどうすればいいですか？

Question

私は見つけることができるすべての答えを試しましたが、これを修正できないようです。私は、同じ行の中で、左側にボタンと右側にボタンのいずれかを持っているようにしています。私は

のdivやspanタグのいずれかで

<div style="text-align: right;clear:left;"> 

使用し、番号なしリストからそれを取って試してみましたが、私はまだイライラそれを得るように見えることはできません！私はそれをテーブルに置き、左と右に浮かべて行うことができると思うが、ちょうどそれをするのが面倒な方法のようであり、私はそれを見つけることができないほうが簡単な方法があると確信している。新しいクラスをそれぞれ割り当てて、新しいCSSを割り当ててもうれしいですが、そのようにすることはできません。

ここに私のJSFiddleを入れました：JSFiddle問題を説明するためです。

<span align="right"> 
    <ul class="actions"> 
    <li><a href="salary.html" class="button special icon fa-arrow-left">Salary</a></li> 
    <li><a href="courses.html" class="button special icon fa-arrow-right">Courses</a></li> 
    </ul> 
</span> 

は

S.

Answer 1

、あなたの助けのためにどうもありがとうございます、不要なスパンを削除し、単に使用します。

ul.actions li:last-of-type { 
    float: right; 
} 

これは上に座って、完全に変更されていない最初のボタンを去ります左にあり、2番目のボタンが一番右に浮いています。