Imagen con enlace
<a class="cinta uno" href="#"><img border="0" src="https://i.blogs.es/9b84a0/gcad9ksamaagxjb/650_1200.jpeg" width="325" heigth="325"/></a>
<br />
Imagen sin enlace
<a class="cinta uno"><img border="0" src="https://i.blogs.es/9b84a0/gcad9ksamaagxjb/650_1200.jpeg" width="325" heigth="325"/></a>

.cinta {
  position: relative;
  text-align: center;
  display: inline-block; *display: inline; zoom: 1;
  margin: 20px auto 10px;
}
.uno:before, .dos:before, .dos:after, .tres:before, .tres:after, .cuatro:before, .cuatro:after {
  content: "";
  display: block;
  width: 100px;
  height: 30px;
  position: relative;
  top: 20px;
  margin: auto;
  background: rgba(255,255,200,0.6);
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}
/* Esto es sólo algo de estilo adicional para la imagen */
.cinta img {
  display: inline-block; *display: inline; zoom: 1;
  border: 1px solid #ddd;
  margin: 0 20px;
  padding: 8px;
  background: #fff;
  text-align:center;
  vertical-align:top;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
}