jQuery 아코디언이있는이 정렬되지 않은 목록을 가운데에 배치하는 것이 왜 불가능합니까?

Question

나는 중심에 모든 것을 시도했다. #accordion ul.

제안 사항?

코드 :

CSS :

.container { 
    margin: 0 auto; 
    overflow: hidden; 
    width: 960px; 
} 

    #accordion { 
     float: left; 
     position: relative; 
     width: 940px; 
     height: 200px; 
     overflow: hidden; 
     margin: 25px 0px 0px; 
    } 

    #accordion ul { 
     list-style: none; 
     margin: 0px; 
     display: block; 
     height: 200px; 
     width: 940px; 

     } 

    #accordion ul li { 
     float: left; 
    } 

    #accordion ul li a { 
     background:#FFFFFF none repeat scroll 0%; 
     border-right: 2px solid #fff; 
     cursor:pointer; 
     display:block; 
     overflow:hidden; 
     width:78px; 
     height: 200px; 
    } 

    #accordion ul li.landscapes a { 
     background: url(../images/landscapes.jpg) repeat scroll 0%; 
    } 

    #accordion ul li.people a { 
     background: url(../images/people.jpg) repeat scroll 0%; 
    } 

    #accordion ul li.nature a { 
     background: url(../images/nature.jpg) repeat scroll 0%; 
    } 
    #accordion ul li.abstract a { 
     background: url(../images/abstract.jpg) repeat scroll 0%; 
    } 

    #accordion ul li.urban a { 
     background: url(../images/urban.jpg) repeat scroll 0%; 
     min-width:310px; 

    } 

PHP :

<div id="intro"> 
    <div class="container"> 
     <div id="accordion"> 
      <ul> 
       <?php // Create and run custom loop 
        $custom_posts = new WP_Query(); 
        $custom_posts->query('post_type=page_content&page_sections=Slider (Front Page)'); 
        while ($custom_posts->have_posts()) : $custom_posts->the_post(); 
       ?> 
       <li class="landscapes"><?php the_content(); ?><></li> 
       <?php endwhile; ?> 
      </endwhileul> 
     </div> 
    </div><!-- .container --> 
</div><!-- #intro --> 

참조 이미지 :

Answer 1

#accordion ul의 너비를 자동으로 줄이거 나 그보다 훨씬 작게 만들면 어떨까요? 940으로 설정되고 컨테이너는 960 픽셀입니다. 또한 여백 설정을 시도해 볼 수 있습니다 : 0 자동, ul의 크기를 줄인 후 또는 text-align : center for #accordian.

Answer 2

귀하의 목록에 당신이 UL 내에서 이미지를 중심하려고 </endwhileul > 대신

> UL/<의로 끝?