오른쪽에있는 목록의 항목 맞추기

Question

div의 오른쪽에 verticaly 목록의 항목을 정렬하는 방법을 검색했습니다.

내가 플로트를 시도

,

li { 
float: right; 
} 

그러나 두 항목이 오른쪽에있을하지만 내가 의도 한대로 위에 다른 있습니다.

내가 알기로, option1과 option2가 오른쪽에 있지만 세로로 정렬되어 있지 않음을 알 수 있듯이 on Fiddle을 얻었습니다.

Answer 1

li의 CSS에 clear:both;도 추가하십시오. 이렇게하면 다른 물체가 li의 어느 한쪽에 있지 않게됩니다. 나는 당신의 바이올린에 그것을 시도, 그것은 here이

Answer 2

당신은 단지 추가 할 수 있습니다보기 좋게

작동 : 그래서는 UL 높이

와 텍스트를 중심합니다

line-height:98px; 

당신의 리 클래스 에

여기에 JSFiddle

Answer 3

기본적으로 float : right를 제거해야합니다. 및 텍스트 정렬을 추가 : UL에 대한 권리는 어 jsfiddle 링크를 체크 아웃 내가 솔루션

//remove 
     li { 
     float: right; 
     } 
    // and add 

    ul { 

     text-align:right; 
    } 

http://jsfiddle.net/jspatel/F3XgY/