Search code examples
cssgalleryphotoscentering

Can't center 3 adjacent photos using CSS

I am building a photo gallery viewer using javascript and css, but i cant center the elements. I have a back arrow photo, the photo itself, and the next arrow. these 3 photos are one next to each other, and I need to center all three of them. Any help is appreciated, and also, I am kind of new to css/javascript/html, so dont be so hard on me. Thank you, Guy Z.

(you can go to guyzyl.org, enter any gallery and click on a photo to see what I mean, and what I am trying to center)

Solution

  • This style should help:

    #viewer {
   text-align: center;
   white-space: nowrap;
}

    Also, use a DOCTYPE.