Texte qui s'affiche au click sur image

<a class="clickimage" href="#"><img src="https://placehold.it/350x150" alt=""></a>
<div class="contenu">
  <button class="fermer">X Fermer</button>
  <div class="texte">texte</div>
</div>

/* on cache le contenu */
.contenu {
  display: none;
  border: solid 1px gray;
}
/* on affiche le contenu lors du clic sur l'image */
.clickimage:focus ~ .contenu {
  display: block;
}

.fermer {
  float: right;
}
.texte {
  padding: 20px;
}