Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › [Solved] Centering 3 Images

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 13, 2015 at 8:35 am #202119
    halebales24
    Participant

    I need help in trying to center these 3 images on a page. I can’t get the auto margins to work correctly. I’ve tried floating the images to the left and giving them padding, but I cannot get them to center in the middle of the page horizontally. What am I doing wrong?

    http://codepen.io/halebales24/pen/aONJeG

    May 13, 2015 at 8:39 am #202120
    Paulie_D
    Member

    You seem to have some display:inline-block and float action going on so it’s not entirely clear how the final thing is supposed to look,

    Since the images (presumably your list items) are going to be centered then just put text-align:center on the ul and inline-block the li.

    http://codepen.io/Paulie-D/pen/YXqVKg

    May 13, 2015 at 8:51 am #202121
    halebales24
    Participant

    Thank you, that worked! I forgot the text-align and that makes sense to have that in there in order for it to work.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.