how to display image in the middle of the page HTML and CSS code example

Example 1: html css center image

<div style="text-align: center;">
  <img scr='img/example.jpg'>
</div>

Example 2: css for displaying image center

text-align: center;