picture in middle css code example

Example 1: center an image

.someclass {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Example 2: how to make picture come middle css

<!DOCTYPE html>
<html>
  <head>
    <title>Center an Image using text align center</title>
    <style>
      .img-container {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <div class="img-container"> <!-- Block parent element -->
      <img src="user.png" alt="John Doe">
    </div>
  </body>
</html>

Tags:

Go Example

Related