CSS: Centrar tanto imágenes como texto

<style>
.container {
  border: 1px solid #333;
  height: 250px;
  width: 250px;
}

.center {
  display: table;
  height: 100%;
  width: 100%;
}

.center > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

</style>

<div class="container">
  <div class="center"><span><img src="https://www.midominio.com/logo.png"></span></div>
</div>

---

El método más eficaz es:
<div style="display:flex;align-items:center;">
    <img src="https://www.midominio.com/images/pepe.jpg"><span>En un lugar de la Mancha de cuyo nombre no quiero acordarme</span>
</div>