Center image inside column in Foundation 5

3.7k Views Asked by At

I want to center an image that is inside a column in Foundation 5, I have a column of 8, and inside there's an image that don't fit the column, and I want the image to be centered.

1

There are 1 best solutions below

1
On

Editted because of the comment by question writter.

Just add the following css:

img {
  display: block;
  margin: 0 auto;
}

The margin auto on both sides makes them even, thus centering. Plus this can occur only for block displayed elements. img tags are initialy inline-block.