/*     block: Convierte un elemento en un bloque.
    inline: Convierte un elemento en línea.
    none: Oculta completamente el elemento, lo que significa que no ocupará espacio en la página. 
    
        Elementos Inline-Block:

Los elementos con display: inline-block combinan características de elementos inline y block. Tienen la propiedad de un bloque, lo que significa que pueden tener dimensiones (ancho y alto) y márgenes, pero se comportan como elementos inline en el sentido de que no inician una nueva línea y pueden estar en línea con otros elementos en la misma línea.*/

li{
  display: inline;
}

li a{
  padding-right: 30px;
}

img{
  display: block;
  margin: auto;
  display: none;
}

.caja{
  box-sizing: border-box;
  background-color: darkgoldenrod;
  color: white;
  border: 1px solid black;
  padding: 20px;
  margin-bottom: 10px;
  width: 32%;
  display: inline-block;
  /* display: none; */
}