Centrado horizontal de elementos independientes

En este código se ve como se centra una capa, un texto y una imagen

<div class="container"></div>
<p>Texto centrado</p>
<img src="https://javigomez.org/ESIC/munecos.png" alt="centered" />

div.container {
  height: 100px;
  width: 200px;
  border: 2px solid #006100;
  margin: 0 auto;
}
p {
  text-align: center;
}
img {
  display: block;
  margin: 0 auto;
}