Get a free trial // Grow your CSS skills // Land your dream job

Gallery Image Align Problems

  • # March 26, 2013 at 9:26 am

    I am trying to display products in a tile/gallery pattern. However, I also need the items to be centered in there parent ul. The problem I am having is that when I center the items, the ones that are shorter than the tallest in its row goes to the bottom of its parent. [CodePen]( “CodePen”) This may be my head having difficulty finding a solution or it may be more complicated than I thought. Can anyone help? Thanks

    # March 26, 2013 at 10:01 am

    add vertical-align: top; to the li

    # March 26, 2013 at 10:03 am

    Yes, finally!! This problem has been driving me mad but of course I forgot about that rule.

    Thanks for your help :)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed