Put display: block and text-align: center back on .progress-gallery-images and display: inline-block back on .progress-gallery-image (and removed their float: left), and it just worked!
http://jsfiddle.net/barney/Uuw29/ Regards, Barney Carroll [email protected] +44 7429 177278 barneycarroll.com On 13 March 2014 06:48, Arian <[email protected]> wrote: > Hello all, > haven't been on css-discuss in a while. but had something stump me today. > I had a group of floated thumbnails. their parent, > .progress-gallery-wrapper, is just set to 100% width like so: > http://jsfiddle.net/RV7pj/ > But when you look at the first group of images, they are not centered, > especially if you resize the screen so there is 1 or 2 images per row. > I tried to use an inline-block trick on the div that holds the thumbnails, > and then use text-align:center to center the div that holds the thumbnails. > Tried other tricks like display:table-cell, 50% positioning tricks to no > avail. > > The website is going to be responsive (simply simulating that with the > width of the page being 100% so can resize that frame in jsfiddle to > test)... so that group of X images per row could go down to 1 image per row > on mobile. > > Anyway to get really nice centering no matter the size of the page? > Seems like with my current inline-block centering code, it only centers if > there is 1 row of images like in the 'After' images. > > > Thanks for any advice if possible, > -Ari > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
