画像はスライドショーdiv内に整列します

Question

jQueryを使用して画像がフェードしている私のホームページには、非常に簡単なスライドショーセットアップがあります。

すべての画像はサイズが異なり、現在は自分のページの左に揃っています。私はCSSで遊んだことがあるが、それらを中心にすることはできない。

CSSは次のとおりです。

/#content { 
    height: 100%; 
    width:1000px; 
    margin: 50px 10px 10px 230px; 
    top: 10px; 
    background-color: #fff; 
} 

/.slideshow { height: 450px; width: 974px; align: center; margin-left:auto; marginright:auto; margin-bottom:10px; margin-top:10px; } 

/.slideshow img { padding: 0px; border: none; background-color: #fff } 

HTMLは次のとおりです。基本的に

div id='content' style="width:974" 

div class='container' 

div class="slideshow" style="margin-bottom:10px;" 

a href="" img src="images/home/1.jpg" align="absmiddle" /></a> 
a href="" img src="images/home/2.jpg" align="absmiddle" /></a> 
a href="" img src="images/home/3.jpg" align="absmiddle"/></a> 
a href="" img src="images/home/4.jpg" align="absmiddle"/></a> 
a href="" img src="images/home/5.jpg" align="absmiddle" /></a> 
div 

、コンテンツのdivで囲んでスライドショーのdiv。画像が表示されているので、単に左に揃えたのではなく、中央に配置したいと思っています。

任意のアイデア？ （！申し訳ありませんが、私は自分のコードを提示した方法は非常に厄介である場合）

おかげ.slideshow CSSルールで

Answer 1

追加する必要があります

display:block; 
margin:auto; 

〜slideshow img

Answer 2

：

align: center; 

は

text-align: center;