title: Center image inside a div like setting background position
body: <p>Are there any ways that we can set a  tag inside a div perfectly center no matter what is the width and height of that div? In other way, I want to set an image position inside a div tag like a center background. For example:</p>
  
  <pre><code>.image-wrap {
    width: 50vw;
    height: 720px;
    background: url('some-images.jpg') no-repeat center center / auto 100%;
  }
  </code></pre>
  
  <p>I want to set an image inside a div like a background above with auto width and 100% height so that all the important content in an image will be in the center of the div.</p>
  
  <pre><code>&lt;div class="image-wrap"&gt;
    &lt;img src="some-images.jpg" alt="some image here"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank you very much!</p>