You can use CSS to do this.
In your stylesheet:
.center {
display: block;
margin: 0 auto;
}
Then, give your image the
center
class using the following attribute:
class="center"
If you don't want to use a separate stylesheet, you can use the
style
attribute on the
img
element to set the styling (using a separate stylesheet is cleaner, though):
style="display: block; margin: 0 auto"
Or you can wrap the image in a
p
tag with
align="center"
:
<p align="center">
<img align="center"src="https://yt3.ggpht.com/-7xOKskOmwVY/AAAAAAAAAAI/AAAAAAAAAAA/7s2wU-RMkac/s100-c-k-no-rj-c0xffffff/photo.jpg" />
</p>