在图书中心放置一个图库（html）

Question

我将网页设为我的班级网站的主要枢纽，并且我将内容放在画廊中。然而，它们会自动对齐到左边，我希望它们位于中心，主标题下方几英寸处（容器）。

.container1 {
    width: 400px;
    height: 75px;
    background-color: #FFF6A5;
    border: 5px solid #FFCF64;
    position: relative;
    margin: 0 auto;
    padding: 15px;
    top: 10px;
    text-align: center;
}
div.gallery {
    width: 300px;
    height: 400px;
    margin: 30px;
    padding: 15px;
    border: 5px solid #FFCF64;
    background-color: #FFF6A5;
    float: left;
}

我知道那里有一个＆＃34;浮动：左边＆＃34;在那里，但它与左边对齐有或没有它，它只是使它能够使画廊彼此相邻而不是垂直。

以下是我在画廊中的内容：

<div class="container1">
    <h1>Name // Field</h1>
</div>
<div class="gallery">
        <img src="images/headshot.jpg" width="300" height="400">
    </div>
<div class="gallery">
<h3>About me:</h3>
Lorem ipsum dolor sit amet, eu quo verear aliquid contentiones...
<h3>Websites:</h3>
<a href 
="http://website">Website Name</a><br><br>
<a href     
="http://website2">Website 2 Name</a>
</div>