写真のグループを中央に配置するにはどうすればいいですか

Question

divの「コンテンツ」内のdivの「写真」の下に6枚の写真を中央に配置しようとしていますが、わかりません。私は別のdivでそれらをラップしますか？私がまだ初心者である（明らかに）ので、どんな助けも素晴らしいだろう。

<div class="wrapper clearfix"> 
    <h1>gage</h1> 

<div class="menu-btn" id="menu-btn"> 
    <div></div> 
    <span></span> 
    <span></span> 
    <span></span> 

<div class="main-nav responsive-menu"> 
    <UL> 
     <li><a href="#">about</a></li> 
     <li><a href="#">contact</a></li> 
    </ul> 
</div> 
</div> 

<div class="content"> 
    <div class="photos"> 
     <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
     <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
     <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
     <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
     <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
     <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    </div> 
</div> 
</div> 

<div id="footer"> 
    <P>More stuff</p> 
</div> 

Answer 1

画像は、インライン要素であるので、（他の全ては等しい）：the docsから

.photos { 
    text-align: center; 
} 

：

このプロパティはブロックコンテナのインラインレベルのコンテンツを整列する方法を記載しています。

Answer 2

センタータグを使用すると、画像を中央に配置できます。

<div class="content"> 
<div class="photos"> 
    <center> 
    <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    <a href="google.html"><img src="25612060593_b222234b86_b.jpg"></a> 
    </center> 
</div> 
</div>