인라인 블록 요소 정렬 문제

http://jsfiddle.net/z3Jue/20/인라인 블록 요소 정렬 문제

내 (인라인 블록)을 모두 얻을 수있는 요소는 컨테이너 사업부의 상단에 정렬합니다.

나는 목록에서 이러한 항목을 시도했지만 왼쪽으로 떠올랐다 (하지만 중심에 둘 수는 없음).

도움을 주셨습니다.

CSS

#buttons{ 
    margin: 0 auto; 
    padding:0px; 
    border:1px dotted black; 
    height:60px; 
} 

.block img{ 

    display:inline-block; 
    *display: inline; 
    zoom: 1; 
    height:60px; 
    width:40px; 
    border:0; 

} 

.block{ 
    display:inline-block; 
    *display: inline; 
    zoom: 1; 
    border:1px solid red; 
    height:60px; 
    width:40px; 
    margin:0px; 
    padding:0px; 
} 

#search { 
    display:inline-block; 
    *display: inline; 
    zoom: 1; 
    height:60px; 
    width:240px; 
    border:1px solid red; 
    margin:0px; 
    padding:0px; 
} 

#searchTextForm{ 
    font-size:16px; 
    width: 185px; 
    color:#333; 
    margin-top:3px; 
    border:1px dotted blue; 
    margin-top:15px; 
}

HTML

<div id="buttons" align="center"> 
<div id="search" > 
    <form method="get" name="tipue" action="search/results.html" target="toolbarlongTOC" title="search"> 
    <input type="text" id="searchTextForm" name="d" class="field" size="25" > 
    </form> 
</div> 
<div class="block">1</div> 
<div class="block">2</div> 
<div class="block">3</div> 
<div class="block"> 

    <a href="#" id="bookmarks"> 
     <img src="http://i.imgur.com/cbb92jF.jpg"> 
    </a> 

    </div> 
<div class="block">3</div>

출처

2013-03-05 nosleep