How to center images

Question

I have put the body of my page in a container. I then put my images in a div and gave them the class 'grid_12' and id 'gallery'. Here is the CSS i wrote for that id.

#gallery img{

border: 8px solid;
color: #0000FF;
margin: 0 0 20px 0;

}

What code do i need to center the images? I've already unsuccessfully tried floating-center/text-align-center.

You could try `margin: 0 auto;` and set the padding at 20px instead of the margin. — GuyT, Feb 04 '14 at 09:25

score 0 · Answer 1 · edited May 23 '17 at 11:49

0

use this:

img.center {
display: block;
margin-left: auto;
margin-right: auto;

}

from here

edited May 23 '17 at 11:49

Community

1
1

answered Feb 04 '14 at 09:25

Mert

1,333
1
12
15

score 0 · Answer 2 · answered Feb 04 '14 at 09:29

0

First you need to give the size of div (width and height) then try your css code...

answered Feb 04 '14 at 09:29

vino20

429
4
13

How to center images

2 Answers2