0

I want these 3 divs (or should i make a single one) to aling one photo to the left, one centered and the other one to the left corner of the container. Right now i have this: The problem

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;
}

Thanks for answers!

EGHM
  • 2,144
  • 23
  • 37
Dziugas
  • 35
  • 1
  • 8

1 Answers1

0

Apply something like:

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

You can change your value according to your page !

user3440716
  • 639
  • 2
  • 12
  • 23