목록 컨테이너 위의 단추를 오른쪽 맞춤으로 지정하십시오.

Question

정렬되지 않은 목록 위에 단추를 표시하려고하는데 오른쪽 맞춤이 필요합니다. CSS 스타일 "float : right"를 사용하면 오른쪽에 표시되지만 목록과 겹치지 않습니다. 목록을 겹치지 않고 오른쪽에 단추를 표시하려면 어떻게합니까?

코드 :

<style> 
.mylist { list-style-type: none; width: 100%; } 
.mylist li { margin: 2px; padding: 2px; border: 1px solid black;} 
</style> 

<button style="float:right; display:block;">Preview</button> 
<UL class='mylist'> 
    <LI>Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test</LI> 
    <LI>Test</LI>  
</UL> 

Answer 1

는 명확 추가 : 모두 myList에 에 스타일을. 데모 : http://jsfiddle.net/JgeTm/

CSS 사실

.mylist{list-style-type:none;width:100%;clear:both}