how to put an image in the center - hogehoge666/syno_moments_slider GitHub Wiki

img tag is an inline tag. There are two ways to center an inline tag.

1. surround it with a div and apply "text-align: center" to the div tag
2. convert the img into a block tag and set "margin: auto".

.centerClass {
  text-align: center;
}

<div class="centerClass">
  <img src="img03.jpg">
</div>

.centerClass {
  display: block;
  margin: auto;
}

<img class="centerClass" src="img03.jpg">