图库展示/对齐

Question

我希望这些3个div（或者我应该制作一个）将左边的一张照片，一张居中，另一张放在容器的左角。 现在我有这个：

HTML：

<div id="gallery">
                    <div class="foto"></div>
                    <div class="foto"></div>
                    <div class="foto"></div>
            </div> <!--Gallery END -->

CSS：

.foto {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 200px;
    background: white;
    border: 5px solid;
    border-color: #0BB5FF;
}
#gallery {
    margin: 10px 0px 10px 0px;
}

感谢您的回答！

Answer 1

应用类似：

的内容

margin-top: 5em; 
margin-left: 16em; 

您可以根据自己的页面更改价值！