오른쪽 div 안에있는 인라인 UL 정렬

Question

내 페이지 표시 출력이 있습니다. 예는 여기에 게시됩니다 : http://jsfiddle.net/6N4bD/1/

상향 링크 2 명 div의

주위에 싸여있다

1 사업부는 기본적으로

상향 링크 주변의 UL 목록 스타일을 한 래핑 "paginationDiv"라는 550 개 폭 2 사업부입니다 : 없음. 내가 뭘 하려는지 바로 부유하게 만들지 만 블록으로 계속 나타납니다. 나는 꽤 많은 일을 시도했지만 아무것도 작동하지 않는 것 같습니다. 여기

이 보이는 것입니다 내가 다음 paginationDiv에 폭을 추가하면 그것은 작동하지만 폭이 고정되지 않습니다 때문에 정확한 아니라 같은 : 여기

인 HTML 코드를입니다

<div class="parentDiv"> 
    <div class="paginationDiv"> 
     <ul id="paginationLinks"> 
     <li>Page 1</li> 
     <li>Page 2</li> 
     </ul> 
    </div> 
</div> 

CSS를 : 여기 예를 게시 한

div.parentDiv { 
    width: 550px; 
} 
div.paginationDiv { 
    float: right; 
} 
#paginationLinks ul { 
    border: 0; 
    padding: 0; 
    margin: 0; 
} 
#paginationLinks li { 
    list-style: none; 
} 

: http://jsfiddle.net/6N4bD/1/

Answer 1

float:left을 #paginationLinks li으로 변경 한 다음 결과를 확인하십시오.

Answer 2

li 요소에 display: inline;을 추가하는 것이 효과가있는 것 같습니다.

http://jsfiddle.net/XFdqT/에 대한 데모가 있습니다.