Question

I know it should be a fairly easy thing to do but for some reason I’m having issues with it and not sure why. I’m adding a controller under the gallery that you can use to scroll through the slides and need to it be centered.

This is what the code looks like ATM:

<div class="control_wrap" style="">
    <div class="gallery_controls" style="">
       <a target="_blank"></a> <a target="_blank"></a> <a target="_blank"></a>
    </div>
</div>

CSS:

.control_wrap{
    float:left;
    width:100%;
}

.gallery_controls{
    margin:0 auto;
    float:left;
    width:50%;
}

Let me know if you need anymore information.

Thanks.

Answer 1

You have to get rid of the float: left on .gallery_controls. margin: 0 auto won’t work otherwise.