how to make the picture in the middle html and css code example

Example 1: html css center image

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

Example 2: How do i allign a pic centre in html

<img src="Sanjith.jpg" class="centre" height = "200" width = "100">