Выравнивание блока div по центру

#block { 
  display: table-cell; 
  border: 1px solid black; 
  width: 300px; 
  height: 300px; 
  vertical-align: middle; 
} 
#block img { 
  display: block; 
  margin: 0px auto; 
}

<div id='block'> 
  <img src='https://via.placeholder.com/200' alt='image'/> 
</div>

#block { 
  border: 1px solid black; 
  width: 300px; 
  height: 300px; 
  position: relative; 
} 
#block img { 
  position: absolute; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
}

<div id='block'> 
  <img src='https://via.placeholder.com/200' alt='image'/> 
</div>

#block { 
  border: 1px solid black; 
  width: 300px; 
  height: 300px; 
  display: flex; /* display: grid; */ 
  align-items: center; 
  justify-content: center; 
}

<div id='block'> 
  <img src='https://via.placeholder.com/200' alt='image'/> 
</div>