::after et nostalgie digicam de merde

<body>
  
<figure date="06/09/0420">
  <img src="/media/bg3.png" height="150px" >
</figure>


<style>
figure{
  display:inline-block;
  position:relative;
}
figure::after{
  content: attr(date);
  position:absolute;bottom:5px;right:5px;
  color:orange;
  text-shadow: -1px -1px 0 black, 1px -1px 0 black,-1px 1px 0 black, 1px 1px 0 black;
}
</style>

</body>

update en retrospect: le texte en dessous de cette ligne est illisible, ignorez svp

Cette technique ne functionne pas directement dans <img> donc le date="" se retrouve dans <figure>(ou dans un div si t'es ce genre de personne...). C'est pas vraiment un inconvenient car dans la plupart des cas, les images doivent déjà se retrouver dans un Figure avec un figcaption

autres tips & infos: