problemi con un css.

[Artgallery75]

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:

.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:

<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>

[Mich_]

IL titolo e` troppo generico. A norma di regolamento devo chiudere.

Puoi ripostare con un titolo appropriato.
E con l'occasione puoi scrivere i codici in maniera "umana", correttamente indentati e con una istruzione per riga (altrimenti chi volesse rispondere dovrebbe anche riformattarsi i codici per capire cosa stai facendo)