Salve
Ho inserito in una pagina un css che appare sopra l'immagine però vorrei spostarlo che così è decentrato rispetto all'immagine.
L'intero layout è fatto con l'uso di bootstrap fatta eccezione per questo pezzo che ho usato dei css interni alla pagina.

Questi sono i codici:

codice HTML:
.caption {    font-family: Garamond, Verdana, sans-serif;    font-size: 13px;    float: center;    margin: 0;    padding: 0;    position: relative;    overflow: hidden;} .caption img {    float: center;    margin: 0;    padding: 10;    background: #fff;    border: none;} .caption span {    float: center;    margin: 20;    padding: 10px;    width: 85%;    color: #dedede;         background: #222; /* browser che non supportano rgba */    background: rgba(0,0,0,0.4);    position: absolute;    left: 0;    bottom: 0;} .caption span strong {    font-weight: bold;    font-size: 13px;    text-transform: uppercase;    display: block;    padding-bottom: 0px;}
questo il richiamo sotto dove c'è l'immagine:

codice HTML:
<div class="col-lg-2 portfolio-item caption">                <a href="#">                    <img class="img-thumbnail" src="webcam/cleopatra_sinns.jpg" alt="Luxury Ready Goods in Season" style="border: 1px solid #531B00; padding: 1" width="200" height="180"></a><a href="http://www.luxury-italian-office.com/fashion-brands/luxury-preorders/">                    </a>                    <span><strong><center>Ariel Diamond</center></strong></span>            </div>