같은 줄에 반대쪽에 아이콘을 표시하는 방법은 무엇입니까?

Question

나는 내가 찾을 수있는 모든 답을 시도했지만 이것을 고칠 수는 없다. 같은 줄 내에서 왼쪽에 단추 중 하나와 오른쪽에 단추 중 하나를 갖기 위해 노력하고 있습니다. 나는

사업부 또는 span 태그 중 하나에

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

사용하고 정렬되지 않은 목록에서 그것을 복용 시도하지만, 난 여전히 실망스럽게도 그것을 얻을 수없는 것! 나는 그것을 테이블에 놓고 왼쪽과 오른쪽으로 떠서 그것을 할 수 있다고 생각합니다. 그러나 그것은 단지 그것을하는 지저분한 방법으로 보입니다. 그리고 나는 그것을 찾을 수없는 쉬운 방법이 있다고 확신합니다. 각각 새로운 클래스를 할당 한 다음 새로운 CSS를 할당해도 좋겠지 만 그렇게 할 수는 없습니다.

내 JSFiddle을 여기에 넣었습니다 : JSFiddle 문제를 설명하기 위해.

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

이 첫 번째 버튼에 앉아, 완전히 변경되지 않은 잎 :

<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

가 불필요한 범위를 제거하고 단순히 사용을 정말 고마워요 왼쪽으로 이동하고 두 번째 버튼을 맨 오른쪽으로 옮깁니다.