CSS - Como hacer un pie de foto

<div class='img'><img src='URL_IMAGEN'/><span>PIE_DE_IMAGEN</span></div>

div.img{

  display:table;

}

div.img img{

 margin:0;

 padding:0;

}

div.img span{

 line-height:normal;

 font-size:11px;

 display:table-caption;

 margin:0;

 background:#646464;

 color:white;

 font-style:italic;

 padding:5px;

 text-align:center;

}

<div class='img'><img src='URL_IMAGEN'/><span><span>PIE_DE_IMAGEN</span></span></div>

div.img{

  display:table;

}

div.img img{

 margin:0;

 padding:0;

}

div.img span{

 line-height:normal;

 font-size:11px;

 display:table-caption;

 margin:0;

 padding:0;

 background:#646464;

 color:white;

 font-style:italic;

 text-align:center;

 position:relative;

 height:0;

}

div.img span span{

 background:rgba(0, 0, 0, 0.4);

 display:block;

 padding:3px;

 text-shadow:0 0 15px white;

}