How to align an image in the center?

Answer 1

use CSS
img{
margin:auto;
display:block;}
or
<div style="display:table-cell; vertical-align:middle; text-align:center"> <img src="img.png"> </div>
https://www.sololearn.com/discuss/483962/?ref=app

Answer 2

2 simple ways

<p><img src="URL" /></p>
<center><img src="URL" /></center>

Answer 3

Css code

.centerr
{margin:0 auto;
width:500px;
text-align:center;
}

<div class="centerr"><img src="img.jpg" Alt="image"/></div>

Answer 4

always use css for styling and layout issues so you can more easily maintain and restyle the web site later.

Answer 5

don't use inline styles as that makes your css hard to maintain and impossible to reuse

Answer 6

margin: 0 auto; centers a block element such as a <div> or <p> due to the left and right auto margins (provided width is set to less than 100%) but remember img is an inline element. so you have to align: center; on the img's container to make the image centered in the container.

Answer 7

don't fix the width of an image with pixels. Not all of your images will be that size and they will not be flexible. use CSS to make your images flexible too! img{ max-width:100%;}