Question

Below is my CSS. It is used to centre an image. (This code works)

.imagecentre{
    width: 25px;
    position:relative;
    margin:0 auto;

}

In order for it to work, you need to state the width. However, not all my images are 25px.

How can I make this css generic enough to accommodate all images using javascript?

Answer 1

If you only want to center an image in a container, you can set text-align: center on the container, regardless of what styles you have on the image:

<div style="width: 100%; border: 1px solid black; text-align: center">
    <img src="https://www.google.com/logos/2012/vets_day-12-hp.jpg">
</div>​