Отображение галереи/выравнивание

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; 

Вы можете изменить свое значение в соответствии с вашей страницы!