Centrowanie Divów - CSS

Question

Witam

Mam problem z wycentrowanie galerii zdjęć w divie, stosowałem już: margin: auto, display: inline-block, ale dalej zdjęcia nie przyklejają się do lewej.

    <section>
        <div class="BreakGBig2">
            <div class="BreakGSmall2">
            <h1 class="BreakGSmallH">Gallery</h1>
            <h4>Check Our amazing art Collection</h4>
                <div class="imgs">
                <div class="galleryImg" number="0"><img src="img/frame-002.jpg">
                <div class="galleryData" id="galleryData0a"></div> </div>
                <div class="galleryImg" number="1"><img src="img/mountain-landscape-2031539_640.jpg">
                <div class="galleryData" id="galleryData1a"></div> </div>
                <div style="clear: both"></div>
                <div class="galleryImg" number="2"><img src="img/landscape-228263_640.jpg">
                <div class="galleryData" id="galleryData2a"></div> </div>
                <div class="galleryImg" number="3"><img src="img/Shadows.jpg">
                <div class="galleryData" id="galleryData3a"></div> </div>
                <div style="clear: both"></div>
                </div>
        </div>
        </div>
    </section>

.BreakGBig2{
    @extend .BreakGBig;
    height: 750px;
}
.BreakGSmall2{
    width: 90%;
    margin: auto;
} 
.imgs{
    margin: auto;
}
    .galleryImg{
        float: left;
        overflow: hidden;  
        margin: 25px auto;
        width: 450px;
        position: relative;
        transition: all .4s ease-in-out;

 

Comments

Niezbyt rozumiem, aktualnie masz dwa zdjęcia obok siebie ułożone (float: left), potem dajesz clear i znowu pod spodem dwa zdjęcia obok siebie się układają..
Chodzi Ci, aby jedno zdjęcie było przyklejone do prawej a drugie do lewej strony?
Przy okazji proponuję zastosować flexboxa, jeśli nie wiesz co to, to tu masz fajny sposób nauki:
http://flexboxfroggy.com/#pl