자바 스크립트 슬라이드 쇼 센터?

Question

내 코드에 슬라이드 쇼를 가운데 놓을 수있는 방법은 무엇입니까?

JSfiddle : http://jsfiddle.net/H8KkR/

은 가능한이 함께 할 수있는 뭔가 가지고있다 : 라인 130에

#slideshow { 
     height:330px; 
     width:400px; 
     float:left; 
    } 
    #slides { 
     height:300px; 
     position:relative; 
    } 
    .slide { 
     height:300px; 
     width:400px; 
     overflow:hidden; 
     position:absolute; 
     background:#000; 
     color:#fff 
    } 
    #slides-controls { 
     width:60px; 
     background-color:#fff; 
     height:20px; 
     margin-left:auto; 
     margin-right:auto; 
     padding:5px; 
    } 
    #slides-controls a { 
     margin:5px; 
     width:8px; 
     height:8px; 
     border-radius:4px; 
     -moz-border-radius:4px; 
     -webkit-border-radius:4px; 
     -o-border-radius:4px; 
     background:#F60; 
     border:1px solid #fff; 
     text-indent:-9000px; 
     display:block; 
     overflow:hidden; 
     float:left; 
    } 
    #slides-controls a:hover { 
     background:#F30; 
    } 
    #slides-controls a.highlight { 
     background:#fff; 
     border:1px solid #F30; 
    } 

Answer 1

합니다 (#slideshow 선택에 따라) margin: 0 auto;으로 float: left; 교체를 JSFiddle에 작동하는 것 같다